GoogleのPageSpeed Insightsを見ながらWordPressの高速化。W3 Total CacheとWP Deferred Javascriptsの活用
目次
最近、自分が運営しているエコテキブログが、やたらと重く感じるようになってきました。
PageSpeed Insightsによる採点結果
そこでGoogle developersのPageSpeed Insights(新しいタブで開く)で調べてみると、Google先生から付けられた採点が「赤点」に(汗
モバイル
モバイルは100点中56点。
パソコン
パソコンは100点中64点。
ブラウザのキャッシュを活用
他にやることもあるので、できるだけプラグインで片付けたい!なのでまずインストールしたプラグインが、W3 Total Cache(新しいタブで開く)です。
設定方法は、結構複雑ですがバズ部さんの記事(新しいタブで開く)の通りにさせていただきました。
モバイル
モバイルは100点中69点で、13点のUPです。
パソコン
パソコンはモバイルは100点中82点で、18点のUPです。
レンダリングをブロックするJavaScript/CSS を排除
次に簡単そうなのが、Javascriptを遅延ロードをしてくれる、WP Deferred Javascripts(新しいタブで開く)のインストールです。W3 Total Cacheほどではありませんが、ちょびっとスコアが伸びました。
モバイル
モバイルは100点中72点で、先ほどより3点のUP。
パソコン
パソコンはモバイルは100点中84点で、2点のUPです。
まとめ
このエコテキブログ以外にも、もうひとつブログを運営しています。そのブログでも、W3 Total Cache → WP Deferred Javascriptsの順で試してところ、大体同じようなスコアの伸び具合でした。
Google先生のご指摘のとおり、「圧縮を有効にする」ともっとスコアが伸びるのでしょうが、Webサーバーをいじる必要がありそうなので、心が落ち着いているときにでもやりましょう。
〔参考サイト〕