1. TOPTOP
  2. Webサービス

GoogleのPageSpeed Insightsを見ながらWordPressの高速化。W3 Total CacheとWP Deferred Javascriptsの活用

|

Wapuu

wp_pagespeed1

最近、自分が運営しているエコテキブログが、やたらと重く感じるようになってきました。

PageSpeed Insightsによる採点結果

そこでGoogle developersのPageSpeed Insights(新しいタブで開く)で調べてみると、Google先生から付けられた採点が「赤点」に(汗

モバイル

wp_pagespeed2

モバイルは100点中56点。

パソコン

wp_pagespeed3

パソコンは100点中64点。

ブラウザのキャッシュを活用

他にやることもあるので、できるだけプラグインで片付けたい!なのでまずインストールしたプラグインが、W3 Total Cache(新しいタブで開く)です。

設定方法は、結構複雑ですがバズ部さんの記事(新しいタブで開く)の通りにさせていただきました。

モバイル

wp_pagespeed4

モバイルは100点中69点で、13点のUPです。

パソコン

wp_pagespeed5

パソコンはモバイルは100点中82点で、18点のUPです。

レンダリングをブロックするJavaScript/CSS を排除

次に簡単そうなのが、Javascriptを遅延ロードをしてくれる、WP Deferred Javascripts(新しいタブで開く)のインストールです。W3 Total Cacheほどではありませんが、ちょびっとスコアが伸びました。

モバイル

wp_pagespeed6

モバイルは100点中72点で、先ほどより3点のUP。

パソコン

wp_pagespeed7jpg

パソコンはモバイルは100点中84点で、2点のUPです。

まとめ

このエコテキブログ以外にも、もうひとつブログを運営しています。そのブログでも、W3 Total Cache → WP Deferred Javascriptsの順で試してところ、大体同じようなスコアの伸び具合でした。

Google先生のご指摘のとおり、「圧縮を有効にする」ともっとスコアが伸びるのでしょうが、Webサーバーをいじる必要がありそうなので、心が落ち着いているときにでもやりましょう。

〔参考サイト〕