サイトの最適化を行いGTmetrixで念願のAA達成

ブロガーの方は、おそらくご存じの事と思います、サイトのパフォーマンスを分析し、表示速度や問題点を調べてくれるサービスに「GTmetrix」があります。

表示速度が遅いと、PVや直帰率が悪くなり訪問者が去る事も大いにあるので、せっかくSEOに最適化されたStinger2テーマに変更したこともあり、いろいろと改善してみた結果、

念願のGTmetrixでAA達成ー！！

これに至った経緯を下記に記します。

サイトの構築状況では、nginxでtmpfsを利用したキャッシュ、CloudFlareによるCDN・キャッシュを有効にしています。

テーマ変更前

まず、Stinger2テーマ変更前の解析結果は下図の通りで、Twenty Twelveでカスタマイズしたテーマを利用していました。

次に、Stinger2に変更した解析結果ですが、競合するプラグインや不要と思えるプラグインを無効にしているので、表示速度が早くなりました。

かなり表示速度が上がったので、さらなるプラグイン等を削っていけば、高速化が図れそうです。

表示速度はBからAとなり、十分なので、YSlow Gradeを改善することにしました。ここからは、最適化に向けて、いろいろ弄りました。

画像圧縮にEWWW Image Optimizerを導入し、今まで投稿された画像を最適化。 Linuxシステム上に、jpegtran,optipng,pngout,gifsicleが必要
Stinger2内のイメージもjpegtran,optipngにて圧縮
WordPressプラグインのW3 Total Cache を導入、有効化
W3 Total CacheとCludFlareの連携
- DOS攻撃などのサイバーアタックを未然に防ぐことができるSecurity LevelをMedium
- Javascriptの読み込みを改善してくれるRocket LoaderをAutomatic
- HTMLやCSS、Javascriptファイルを最小化してくれるMinificationをCSS,Javascript,HTMLに適用
アマゾンアフィリエイトコードを一旦削除（私の場合ボトルネックになっていた）