Google Blogger 表示速度のアップ改善の方法 カスタマイズ方法を紹介 navbar非表示に

このブログもBloggerを使っていますが

若干表示速度が遅いような気がします。

もうひとつのブログ こどもマップBlogの方は

レンタルサーバにて運営していますが、非常に高速です。

そこでBloggerの表示速度の改善カスタマイズを紹介

所要時間3分で出来ます

image

表示速度の改善カスタマイズ

それは、ブログの上のナビバーを消す事です。

実際にナビバー表示とナビバー非表示の速度計測を計ってみました

image

以前にご紹介したwebwaitです

これで計測してみました

上記写真でナビバーを、左が非表示、右が表示の計測結果です。

5回の計測の平均値が出ていますが1秒近くの開きがあります。

計5回の計測でだいたい同じ結果だったので、少なくともナビバーの非表示で

早くはなるようです。

では実際にナビバーの非表示の仕方

(注意 テンプレート編集をしますので、コードのバックアップをメモ帳なりに保存を推奨)

image

管理画面から「デザイン」→「HTMLの編集」に進みます

表示されたコードから

<span style="color: #ff8040; font-size: small;"><body></span>

または

<span style="color: #ff8000; font-size: small;"><body expr:class='&quot;loading&quot; + data:blog.mobileClass'></span>

コードを探します

そのコードの直前に

<pre><span style="color: #ff8040;"><script type='text/javascript'> <![CDATA[ <!-- /*<body>*/ --> ]]> </script></span></pre>

を挿入します

image

こんな感じです

挿入しましたら「テンプレートを保存」をクリック

image

この様なメッセージが表示されますので「ウィジェットを削除」でナビバーは削除できます

ナビバーを表示するには、先ほど挿入したコードを削除すれば表示されます

これだけで表示速度が少しは改善されると思います。

ぜひ試してください。 バックアップは忘れずに!

  • コメント: 0

PCのスペックを調べれる診断ソフト PC Wizard 自作の方も重宝します前のページ

Office Web Apps 無料のMicrosoftOffice Webで使える?使えない?次のページ

関連記事

  1. Tips

    GoogleChrome HPやBlogを好きなフォントで見る事が出来る設定をご紹介

    長くPCを触っていると自分の読みやすいフォントなどやこのページ…

  2. Tips

    関西電力から計画停電の案内が届きました。 お知らせメール登録しました

    いよいよ関西にも計画停電の案内が来ました。ただこのハガキですが…

  3. Tips

    Facebookのページの作成方法 意外に簡単に作成可能です

    私がよく参考にしているブロガーさんもFacebookページをお持ちのよ…

  4. Tips

    【Tips】Youtubeのホットキー!! 覚えておくと便利ですよ

    多くの方が利用しているYoutubeWeb上で手軽に再生できる…

  5. Tips

    新しいOS!! 次はWindows10 Technical Preview版を動かしてみました

    次回のOS名称はWindows9かと思いきやWindows10…

  6. Tips

    50選!! PCをクリーンアップできるフリーソフト達をご紹介

    以前の記事でデスクトップ整理の為のランチャーソフトをまとめてみ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

PAGE TOP