WordPressの表示速度を高速化させるぞ第２弾！GTmetrixのYSlow Grade評価がDとよくなかったので改善しようとしたら、あっさりBまで評価が上がりました。
というわけで「WordPressの表示速度を高速化させる為にやった５つのこと」の続きです。
Webマーケティングに関する法律・権利を学ぶオンライン講座
GTmetrixのYSlow GradeがD判定
ご覧の通り、GTmetrixでのYSlow Grade評価が悪く、表示速度も7秒となっています。他のツールでも計測したところ、平均3秒弱ぐらいだったので、これでも良いかなと思ったのですが、やるなら徹底的に！
ということでYSlow Gradeの評価を上げるべく修繕しました。
YSlow Gradeとは
「YSlow Grade」というのはYahooのWEBサイトの表示速度を計測する「YSlow」というツールでの評価値のことです。
ちなみにGTmetrixの「Page Speed Grade」はGoogleのWEBサイトの表示速度を計測する「Page Speed」での評価値のことです。
今回の修正でD判定からB判定までランクアップ
今回の修正でYSlow Gradeの判定がBまで上がりました。Page Speed Gradeの評価も上がりました。表示速度も「1.95秒」と合格点。
YSlow Gradeの評価を上げるためにやったこと
まず「なぜ評価が低いのか？」を確認したところ、やはりcssやjavaScriptが評価を下げていました。そこで、ソースコードの改善を施しました。
今回もソースコードをいじるのでレイアウトが崩れたり、WordPressが壊れたりしないように慎重に慎重に進めました。まずは出来ることをリストアップして改修を始めたのですが、いきなり１つ目で大幅に改善しました。
Minifyを実装した
１つ目にやったのが「Minify」です。これでYSlow Gradeの評価が一気にB判定に上がりました。
MinifyというのはWEBサイトで書かれている（使われている）CSS、JavaScriptのソースコードを圧縮することです。圧縮されるのでソースコードが軽くなり、表示速度も速くなります。
W3 Total Cacheで対応
W3 Total Cacheはトラブルリスクも高いですが、多機能で役に立つプラグインですね。「Minify」を設定することができるので、アッと言う間に終わりました。
Minify用のWPプラグイン
WEBマスターの手帳ではW3 Total Cacheを使って対応しましたが、他にも専用プラグインがあるのでご紹介しておきます。
WP Minify
その名の通りで、Minifyのためのプラグインです。
WP Minify
Head Cleaner
Head部分を最適化する為のプラグインとして有名ですね。（自分は以前に痛い目にあったので使うのを避けています）
Head Cleaner
gzip圧縮を実装した
gzip圧縮とはWEBページが持つデータを圧縮することです。圧縮することでファイルデータ量が軽くなるため、パソコンとサーバーとのデータの転送量が軽くなるため表示速度も改善します。
今回はphp出力のみを圧縮するようにしました。エックスサーバーのphp.iniの編集で「zlib.output_compression = On」にするだけなので、簡単。
WordPressとキャッシュについて
いろいろと参考記事を探していたら「WordPressとキャッシュについて」の素晴らしい解説をされている記事があったので載せておきます。図解も付いていて、とてもわかりやすいです。
W3 Total Cacheの設定を通して学ぶ、WordPressを高速化するキャッシュの仕組み | OXY NOTES
JavaScriptをいじったのでエラーがでるかもしれない
例えばGoogleアナリティクスやAdsenceなどJavaScriptで動いているものはエラーが生じる可能性があります。
この投稿を書いている時点ではエラーは出ていませんが、しばらく様子をみます。表示速度の改善についても日々精進していきます。
スポンサーリンク
