plano』を導入して約1ヶ月。使い勝手が良いのと、デザインが気に入っていて、しばらく使い続ける事になりそうです。plano』ですが、導入してから一つだけ気になる点がありました。それは、『ページ読み込み速度の低下』です。サイト運営上、ページ読み込み速度というのは非常に大事な数値であり、この現状を放置する訳にはいかない!ということで、約3時間の試行錯誤の末、ページ読み込み速度を劇的に改善しましたので、その方法をまとめます。そもそもページ読み込み速度ってなぜ大事なの?ページの読み込み速度遅いサイトって、見ていて「イラッ!」としますよね。この「イラッと感」がユーザーの離脱率に繋がります。ネットの世界では一般的に、サイトに訪れたユーザーが、ページ表示に待てるのは2秒までサイトの表示に3秒以上かかると、40%以上のユーザーはページから離れると言われています。サイトのページ読み込み、少なくともファーストビューの読み込み速度は早ければ早いにこした事は無いのです。離脱率が高いサイトはSEO上マイナスであるので、ページ読み込み速度は『ユーザビリティの面』も『SEOの面』から見ても、重要な項目なのです。Optimization他のページ読み込み速度チェックサイトでも試しましたが、こちらのサイトが一番顕著に現れたので紹介しますね。GTmetrixにアクセスし、このブログのトップページの表示速度をチェック!対処する前の数値はこちらです。方に説明しますと、左側のランクがGoogle、右側がYahoo!です。Aが最高ランクで、順に悪くなって行きます。GradeがFランク。これって、かなりヤバいですね。読み込み速度も6.06秒もかかっています。これじゃあ、せっかく来ていただいた方も、ページが表示される前に離脱しますね。本題に入る前に『神プラグイン』の紹介WordPressでサイトを運営している方ならご存知の方も多いでしょうが、ページの読み込みには画像の容量が一番のネックなのです。テキストがどれほど多くても問題ないのですが、挿入写真が1枚入っただけで、そのページの容量が格段にアップし、読み込み速度が低下するのです。Optimizer』が有名で、もはや『神プラグイン』と言っても良いでしょう!新規で投稿するページはもちろんの事、既に投稿した後のページの画像も圧縮してくれる便利なプラグインは、導入している人も多いでしょう。Optimizerしかし、このプラグインを持ってしても、画像が多いサイトは読み込みに時間がかかります。planoに関してはサムネイル画像が非常に多いテーマ。planoにはアイキャッチ画像など、1ページ当たりに表示される画像の数が多いので、これだけで結構な容量。そこで、もう一手間を加える必要があるのです。いうことで、前置きが長くなりましたが本題の『画像の読み込みを遅延させるプラグイン』の登場です。画像読み込み遅延プラグインでファーストビューを高速化!サイトの表示において、ページ全体の読み込み速度も重要なのですが、最も大事なのは『ファーストビューの表示速度』です。ファーストビューが遅ければ、ユーザーは離脱するでしょうし、早ければ読み進めてもらえる可能性が飛躍的にアップします。重たい画像の読み込みを後回しにして、ファーストビューをスムーズに表示させ、ページをスクロールするに従って、画像を読み込んでいくプラグインです。(詳しい説明は、『画像読み込み遅延プラグイン』でググってみてくださいね。Load』ほぼインストールするだけで設定が出来てしまう簡単で使いやすいプラグインです。私もStinger3を使っている事からお世話になっていたプラグインです。plano』には合わなかった。サムネイルや画像が全然表示されないのです。Loadは簡単に使える反面、細かな設定がしにくいプラグインです。planoの仕組み上、読み込み開始のトリガーを変える必要があるようですが、この設定が(簡単には)出来ません。そこでこの問題を解決してくれるプラグインを探したところ、ピッタリのプラグインを見つけました。function』つまり「どのタイミングで読み込みを開始するか?」という指定が簡単に出来るという点です。wp_footerかwp_headかを選択出来るのです。planoの場合、wp_footerでは正常に画像が表示されませんが、wp_headの場合はスムーズに画像が表示されます。Loadでも、GTmetrixで計測した数値に差はなかったのです。『数値上のページの読み込み速度を上げたい!』というニーズなら、どちらのプラグインを導入しても良いでしょう!しかし、大切な事は『ユーザーがストレス無くブラウジング出来るかどうか』であり、その点を考慮に入れれば、選ぶべきプラグインが見えてきます。planoに関して、有益な情報があれば、随時ブログに更新しますのでお楽しみ!TweetPocketスポンサーリンクお役に立ちましたらシェアをお願いします。TweetPocketコメントこの記事へのコメントはありません。コメントする返信をキャンセルする。名前(必須)メール(必須)※メールアドレスは公開されません。plano」で画像読み込み速度を上げるプラグイン【超簡単】WordPressの最初のh2タグの直前にアドセンスを設置する方法Googleアドセンスとの相性が抜群のWORDPRESS無料テーマ「stinger2」ロリポップの503エラーの犯人は?調査した結果、驚きの事実が発覚!アクセス激減の謎解明!困ったときのウェブマスターツールで原因を特定!プロ顔負けの写真はここにある!無料写真素材サイト5選+12年間更新を続けてきて分かった『ネット資産』としてのブログFacebookページはこちらブログをメールで購読メールアドレスを記入して購読すれば、更新をメールで受信できます。plano」で画像読み込み速度を上げるプラグイン【超簡単】WordPressの最初のh2タグの直前にアドセンスを設置する方法Googleアドセンスとの相性が抜群のWORDPRESS無料テーマ「stinger2」ロリポップの503エラーの犯人は?調査した結果、驚きの事実が発覚!アクセス激減の謎解明!困ったときのウェブマスターツールで原因を特定!プロ顔負けの写真はここにある!無料写真素材サイト5選+12年間更新を続けてきて分かった『ネット資産』としてのブログSEOに強い無料テーマ『Stinger3』からLPDesignerに乗り換えた理由WPTouchのソーシャルボタンを標準からカスタマイズする方法ブログだけで生活する仕組みとは?何となく分かってきたのでまとめますプロフィール2012年9月からほぼ毎日ブログを更新中テーマは絞らず、好きな事を好きなように書くスタイルを継続し、今や月間13万PVまで成長。お買い得商品情報など、無駄にジャンルは広いです。毎日記事を書いていたら、いつのまにか『やめるタイミングを失った』ただそれだけの理由で続けています。『続ける』って大事なんですね。【更新情報はTwitterで受け取れます。