*

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

公開日: : 最終更新日:2011/01/26 Tips

このブログも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

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

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

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

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

 

  • このエントリーをはてなブックマークに追加

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

 

    • Info (64)
    • Tips (131)
    • 市販ソフト (8)
    • 解決 (87)
    • 技あり (8)
    • 比較 (14)
    • Wordpress (15)
    • ハードウェア レビュー (26)
    • Windows8アプリ (2)
    • 美しいデスクトップを求めて (13)
    • Freesoft ゲーム (11)
    • 未分類 (1)



PAGE TOP ↑