保護猫「モモ」「ココ」とのいつもの暮らし

外部スクリプトを遅延読み込みにしたらこんなに高速表示になるんですねぇ

公開日: 全日記

このブログはWordPressというサイト管理ツールを使って作っています。世界中で一番使われているコンテンツマネージメントツールですし、最近では日本でもそれを使って作られているサイトも多いですから、ブログ・ホームページなどというものに興味のある方なら一度は耳にしたことがあるでしょう。

最近ではマイナンバーカードの総合サイトもWordPressで作られていて、いよいよ公的機関のサイトにも採用され始めたんだなぁと感じます。

私の場合はもう10年近くWordPressを使用させてもらっていて、当時のバージョンは2.xでした。現在のバージョンは5.4.2ですし、当時のバージョンは今のようにいろいろな機能も、安全機能も、もちろんブロックエディタなんていうのもありませんでしたから、結構大変だったのを記憶してます。

・・・と昔話などはこれ位にして、WordPressでのページ表示遅く感じたことありませんか?私もずっといろいろなサイトを運営しながら、もっと速くならないか?と思い悩んでいました。ページの表示速度が検索エンジンでの評価にもつながる=検索経由でアクセスされる可能性が左右される(こればかりが要因ではないですけど・・・)となればなおさら気になります。

それが・・・今回行った措置で大きく前進しました。まずは有名なページ解析サービスであるGoogle PageSpeed InsightsGTmetrixでの数字を見てください

Google PageSpeed Insightsでのモバイル計測結果

Google PageSpeed Insightsでのパソコン計測結果

そして下がGTmetrixの計測結果

いい数字ですよね~~(笑)。なかなかこんな数字にはお目にかかれないです。

よく100点が出た!というのを目にしますけど、それらはほとんど装飾のない素っ気ないページばかり。個人的には「これなら100点出るでしょ!」と思うものばかりです。

速度低下やページ解析で指摘されるのはそのページのコンテンツに関するものよりも、Google Adsenseなどの外部スクリプトを使ったコンテンツの表示に関するものが多いんです。このサイトもGoogle Adsenseと日本ブログ村のスクリプトがあり、それらを使うと良くてもモバイルで40点、パソコンで60点位でした。もちろん外せば上がるんですけどそれでは意味がないし・・・。

そこで

のページを参考にして、外部スクリプトを遅延読み込みさせてみたら・・・大幅に改善しました!!そしていろいろと策を講じて上の数字が出るようになりました。喜ばしい限りです!!

※上のスクリーンショットはこのサイトのとある記事の数字で、このページのものではありませんが、疑わしいと思われる方は、このページを実際に計測してみていただければよいかと思います(公開から間もなくは広告スペースだけ確保されて表示されていない状態かも知れませんので他のページでも確認してみてくださいね)。

何をしてるのかについてはリンク先のページをご覧になっていただければ分かると思いますが、要するに「ページが表示されてから、訪問した人がマウススクロールするなどといったことをすると、アドセンスの表示が開始される」という動作をするもので、ページ読み込み時には動作させないため、大幅にスコア改善、表示速度改善ができるというものです。

「Adsense 遅延読み込み」などのキーワードでググると、ほぼ同じコードがたくさんのサイトで紹介されていますから、興味のある方は探してみてください。私的に「コード改変して大丈夫?」と思いましたが、それらのサイトのほとんどは実際にそのコードで運営されていることを確認していますので、多分安心して使用できると思います(と言いつつ断言はできませんので使用は自己責任ということでお願いします)。

これでAdsenseが原因の速度低下問題がクリア、そして同じように外部スクリプトを実行する日本ブログ村についてもこれを利用して遅延読み込みさせるようにしました。経過観察していますが、今のところアドセンスの広告表示は問題ありませんし、微々たるもの(いつものこと)ですが収益も上がっていますし、ブログ村のポイント数も上がっていますので問題ないと思われます。

私と同じようにどうしてもWordPressのサイトで表示速度が遅い、Google PageSpeed Insightのスコアがひどい・・と思われる方は試してみる価値ありだと思いますよ。

  • 白黒ハチワレ猫の「モモ」、サバトラ猫の「ココ」という2匹の保護猫と暮らしています。
    WordPressというツールを使ったホームページ作りをしています。
    ココナラというサービスでWordPressサイトのカスタマイズ・修復・引っ越しなどを受け付けていますので、お困りのことなどあれば気軽にお問合せください。

QR Code

このページはモバイル端末でもご覧いただけます

左のQRコードを読み取っていただくと、このページのURLが表示され、簡単にアクセスできます。ぜひモバイル端末でもご覧ください。

【スポンサーリンク】