必ず役に立つお勧め情報教材のレビュー！ ＆ アフィリエイトの稼ぎ方を伝授！

• ツイート
• 

 

こんばんは！ わくわくです。

 

写真や画像をふんだんに使って解説されているブログは、すごくわかりやすいですよね。

 

文字ばかりで解説されていると、詳しく書いてあっても、難しそうに見えてしまって「また後で～」ってなっちゃいます。

 

だから、僕もなるべく画像を多く使用するようにしています。

 

でも、あまりに画像を多く使うと、どんどんページが重くなって、表示の時に「おそっ！」ってなっちゃうんですね...

 

特に、スマホで電波状態が悪いときに見ていると、いらいらが超絶マックス！

 

「もーいい、他のサイト見よっ(怒)」

 

って、なっちゃいます。

 

そこで！

 

プラグインで解決！

 

Lazy Load を導入しましょう。

 

インストールするだけで、特別な設定は必要ないのでお手軽です！

 

(プラグインの説明、インストール方法はこちらから！)

 

 

Lazy(直訳すると無精っていう意味)っていう位だから、大丈夫かなぁと心配してしまうかもしれませんが、導入しないほうが無精です ^^!

 

では、Lazy Loadを導入すると、具体的に何が変わるんでしょう？

 

通常では、そのページが表示される場合、ディスプレイに表示されていない部分の画像も含め、ページ全体を読み込むまでページ全体が表示されないんですね。

 

でも、このLazy Loadを導入すると、画像は後回し。

 

ページを表示してから、画像を読み込むようになります。

 

しかも、ディスプレイ範囲の画像のみです。

 

ディスプレイに表示されていない部分は、ページをスクロールした時点で、その範囲の画像を読み込むといった具合。

 

こうすることで、ブログの表示の体感速度を向上させるってわけ。

 

サクサク感が、向上します！

 

プラグインを早速入れてみて！

 

すぐに体感できるはずです。

 

 

画面を素早く下にスクロールしたときに、画像の読み込みが若干遅く感じる！

 

動きがぎこちないなぁと感じる方！

 

もともとの設定では、表示されている画面の下、200px先まで読み込んでおくという設定になっています。

 

これを少し広げて、400pxにするだけで大分改善します。

(ちなみに、このブログも400pxにしています)

 

やり方を説明しておきますね！

 

 

 

まず、ダッシュボードのプラグイン中の「インストール済みプラグイン」をクリック！

 

 

 

プラグインの一覧が出てきたら「Lazy Load」を探して、「編集」をクリック！

 

 

 

プラグイン編集画面になったら、右側にある「Lazy-load/js/lazy-load.js」をクリック！

 

 

 

編集画面になったら、最初のほうにある上記の○箇所の200 の部分を、400へ変更する！

 

 

 

 

あとは「ファイルを更新」するだけ！

 

どうでしょう？

 

かなり早く感じるようになったでしょ？

 

導入も、簡単なので、必ずインストールしておきましょうね！

 

それでは、みなさん、良きWordPressライフを！

 

 

 

• ツイート
•