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

関連記事

  1. Tips

    Googleにバレてますよ! 年齢・性別・趣味・興味などGoogleが把握している情報を確認する方法…

    TVなどのCMは不特定多数への配信ですが興味のある人だけ配信を…

  2. Tips

    疑問!? Windowsの壁紙設定でパソコンは重たくなる!? 検証してみました

    色々とお客さんのPCを触る事が多い中重たいPCには壁紙を無地に…

  3. Tips

    【Tips】Chromeに保存したパスワードを一括でエクスポートできる機能を有効にする方法

    Chromeに保存したパスワードを一括でエクスポートできる機能…

  4. Tips

    英語のYoutube動画に日本語字幕を表示してくれる機能!! 知ってました??

    英語などのYoutube動画に日本語字幕を付ける機能があるのを…

  5. Tips

    【Tips】リモートデスクトップで「CTRL+ALT+DELETE」を送信する方法

    Windows標準のリモートソフト「リモートデスクトップ」では…

コメント

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

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

PAGE TOP