ワードプレス、エックスサーバー、ストークでブログを運営しています。
サイトを最適化するため、Autoptimizeというプラグインを入れてみました。
結果、効果があったので情報をシェアします。
目次
Autoptimize とは
ウェブサイトを最適化し、CSS コードと JavaScript コードを連結し圧縮します。
![](https://sekiplan.com/wp-content/uploads/2018/07/seki-ss.jpg)
一応、有効化の前にデータのバックアップをどうぞ。
Autoptimize導入前
Autoptimize導入前のサイトの評価です。
GTmetrix
https://gtmetrix.com/
![](https://sekiplan.com/wp-content/uploads/2018/07/db6695161afa28919ab655d693b11f6f.png)
![](https://sekiplan.com/wp-content/uploads/2018/07/seki-ss.jpg)
PageSpeed Insights
https://developers.google.com/speed/pagespeed/insights/
![](https://sekiplan.com/wp-content/uploads/2018/07/68a02d0aba571a87aef0c4d4f28f2cf3-300x204.png)
![](https://sekiplan.com/wp-content/uploads/2018/07/1ff5cae5420f38c4f51c1a34f7ef7990-300x201.png)
パソコン90点(Good)
モバイル74点(Medium)
![](https://sekiplan.com/wp-content/uploads/2018/07/seki-ss.jpg)
設定の方法
ワードプレスのプラグインで新規「Autoptimize」を検索。
インストール、有効化。
以下の2つにだけチェックを入れました。
- JavaScript オプション
- CSS オプション
![](https://sekiplan.com/wp-content/uploads/2018/07/7b1d9da41fb495bf145adb3d76a17e38.png)
「変更を保存してキャッシュを削除」をクリック
実は、最初にHTML オプション(HTML コードを最適化)にもチェックを入れました。
が、GTmetrixのFully Loaded Time(速度)が遅くなったのでチェックを外しました。
Autoptimize導入後
プラグインAutoptimizeを有効化した結果、サイトの評価はどうなったか。
GTmetrixは?
![](https://sekiplan.com/wp-content/uploads/2018/07/19575fd0750c764f09c98d4a45c66982.png)
改善されました。
特に、Yslow Scoreの評価が上がったのは嬉しい。
C(78%)⇒B(82%)
さらに、サイトの読み込み速度は1.5秒。
2秒を切っているので、十分な速さです。
![](https://sekiplan.com/wp-content/uploads/2018/07/seki-ss.jpg)
PageSpeed Insightsは?
![](https://sekiplan.com/wp-content/uploads/2018/07/3d5ee9680b54309a3deabff0bec63c80-300x208.png)
パソコン90点⇒90点
モバイル74点⇒74点
変化なし。残念。
![](https://sekiplan.com/wp-content/uploads/2018/07/seki-ss.jpg)
問題点
Autoptimizeを有効化しても、PageSpeed Insightsの評価が変わりませんでした。
さらに、「最適化についての提案」にも、以下の内容が出たまま。
スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する
![](https://sekiplan.com/wp-content/uploads/2018/07/seki-ss.jpg)
サイトへの不具合は?
Autoptimizeを入れたことで、サイト(ストーク)に不具合は発生しませんでした。
パソコン、スマホとも異常なし。
CSSに影響を与えるプラグインだったので、恐る恐る導入しましたが、とりあえず安心しました。
![](https://sekiplan.com/wp-content/uploads/2018/07/pei-ss.jpg)
以上、ストークにAutoptimizeを入れたら少し効果あったよ、という記事でした。
またね、再見ザイジエン!
関連:ストークはやっぱり遅い?プラグイン導入で評価を上げる方法