ブログスピード

ブログ運営



PageSpeed Insightsで表示速度が最悪。初心者なので3つのプラグインで改善に挑戦!

こんにちは。聖一朗(@sei01row)です。PageSpeed Insightsのサイトで表示速度を計測してみた事ってあります?

ボクは今までやった事がなかったんですよね。今回『こんなのがあるんだぁ~』って知ったので、実際にボクのブログを計測してみたんです。

そうしたら・・・

え?マジで??

という結果でした。これって遅すぎですよね?しかもマズいレベルじゃないですか??

正直ビックリしすぎてブログの更新を忘れるほど調べてしまいました。

そもそも表示速度が遅い原因として『レンダリングを妨げるリソースの除外』というのが、かなり影響しているようでした。

調べた結果、function.phpなるものをイジらないといけないような内容が出てくるんですが、ボクのようなプログラミング素人には敷居が高すぎて、恐怖しかありませんでした。

そこでボクが考えたのが、プラグインで何とかならないか?という事です。

今回は3つのプラグインの導入で、PageSpeed Insightsの表示速度がどれくらい改善したか?を書いてみたいと思います。

a3 Lazy Loadの導入

a3 Lazy Loadはページ内の画像で、画面に表示されてない物は読み込みを遅らせるというようなプラグインです。

『レンダリングを妨げるリソースの除外』なんて言われたって、いったいなんの事なのかさっぱり分からないボクは、とにかく表示スピードを上げる事が大事なんだという結論に至りました。

そこでこのプラグインを導入したところ・・・

・・・微妙に改善しました。

多少良くなったってことは、導入にはムダはないけど大きな原因はここじゃないよという事です。

そしてその後も調べに調べまくった結果、次のプラグインを試してみる事にしました。

Autoptimizeの導入

さらに調べていくうちにレンダリングを妨げているのは、どうやらCSSやJavaScriptではないか?という所まで行きつきました。

そこで次に導入したのがAutoptimizeというプラグイン。もう藁をもつかむ気持ちです。

このプラグインはHTMLソースコードやCSS、JSファイルを最適化して、ページ表示速度を向上してくれるので導入しました。

そうしたら・・・

おぉ!なんと10%も改善したではないですか!!

悩んでいたのでまだ赤ゾーンは脱してないものの、この伸びはとても嬉しい変化でした。

その後もいろいろなワードで検索するものの、これ以上の改善はみられません。

仕方がないので最後にもう一つのプラグインを入れてみようと思いました。



Scripts-To-Footerの導入

Scripts-To-FooterはCSSやJavaScriptの出力場所をページ上部(header)からページ下部(footer)に変更してくれるプラグインだそうで・・・。

もう初心者の無知にも限界があります。

これでダメなら今日はここで一旦終了しようと思いました。

そうしたら・・・

ちょっと改善・・・したところで、ある事に気づきました。

この測定結果には『モバイル』と『パソコン』があるって事に・・・。

そこで、パソコンの方にタブを切り替えてみると・・・

あれ??なんとビックリ!!ほぼ改善してるじゃないですか!!

今日は朝から夕方までずっと悩んでたのに。19%だったのがここまで改善されてれば、及第点ではないでしょうか?

モバイルだけ遅いのはなぜ?

その後、なぜモバイルの表示速度だけが遅くなってしまっているのかを調べた所、どうやらGoogle AdSenceの広告を自動にしている事が原因らしいという事が分かってきました。

今回はそこまで手を付けられませんでしたが、原因さえ分かれば後は修正するだけ。

次回は広告についてを直して行きたいと思いました。

PVが増えない原因がここにあればいいなぁと思いながら、今後のブログ運営に役立てていきたいと思います。

上記3つのプラグイン以外にも、Async JavaScriptCompress JPEG & PNG imagesの導入によって表示速度が上がったという事もあるようです。

ボクのように表示速度が遅い事に悩んでいる方、是非試してみてはいかがでしょうか?



ピックアップ記事

  1. 市原市民会館再び。市原市楽友協会第45回市民コンサートに行ってきたけど、レベルが…
  2. サッカー日本代表 アジアカップ2019 サウジアラビア戦のマッチレビュー『やって…
  3. サッカー日本代表 キリンチャレンジカップ ベネズエラ戦のマッチレビュー『やって』…
  4. B’zのCMタイアップソング youtube動画をまとめてみましたよ…
  5. 【書評】『本気で稼げるアフィリエイトブログ 収益・集客が1.5倍UPするプロの技…

関連記事

  1. 手描きイラストのアイキャッチ
  2. ブログ運営

    ブログ50記事を超えたので、ここら辺で目標でも書いておきます。

    こんにちは。聖一朗(@sei01row)です。早いもので2018年もあ…

  3. ブログ運営

    【初心者必見】ブログ書いてて途中でワケわかんなくなっちゃった時の対処法。

    皆さんコンニチハ。聖一朗(@sei01row)デッス!今日も元気にブロ…

  4. ブログ運営

    Google AdSenseに一発合格!『やって』みた事を書いておきます。

    こんにちは。聖一朗(@sei01row)です。ブログ初めて3週間ちょっ…

  5. ブログ運営

    千葉コワーキングスペース201開催『趣味ブログ座談会』に参加してきた話。

    こんにちは。聖一朗(@sei01row)です。もうご存知かとは思います…

  6. ブログを書く理由

コメント

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

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

私の奥様のブログです!

よろしくお願いします!

お問合せはコチラ

PAGE TOP