サイトの表示スピードはgoogleの検索ランクにも関係していると言われているとても重要なことです。
PageSpeed Insightsでスピードを計測
ここでその表示スピードを計測することが出来ます。PageSpeed Insights
![PageSpeed Insights実行結果](https://mcbrain.jp/wp-content/uploads/2015/08/ss_2015-08-29_8-56-34.jpg)
100点満点中43点で赤点です(笑)。
いろいろと修正しろと言われていますが、あまり面倒なのはいやなのでとりあえず簡単そうなやつからやってみます。
画像の容量圧縮をしてみる
まず簡単なのは画像のサイズを圧縮すること。
親切なことに下の方でその圧縮されたファイルをダウンロードできますので、それをサイトのものと入れ替えてみます。
![最適化されたものをダウンロード](https://mcbrain.jp/wp-content/uploads/2015/08/ss_2015-08-29_8-57-52.jpg)
ただしそれだけではその場しのぎなので、/wp-content/uploads/内の画像ファイルを全部容量削減したいと思います。
WordPressプラグインでやるにはEWWW Image OptimizerやWP Smush.itがあります。しかしうちの環境ではエラーが出たため、ローカルにて容量削減してからアップロードすることにしました。
Macではイメージオプティムやpngquantで容量削減できます。
cssやjsなどを圧縮する
これにはWordPressプラグインのWP Fastest Cacheを使います。キャッシュ系、圧縮系のプラグインはWP Super CacheやHead Cleanerなどが有名ですが、高機能ゆえに使い方が難しいというデメリットもあります。
このWP Fastest Cacheは最低限の設定でベターな結果を引き出してくれる優秀なプラグインです。
以下のように設定すれば動作すると思います。これでもし動作しなかったり、表示がおかしくなったら、キャッシュの削除を行って、このプラグインとは縁が無かったと諦めてください…。
![WP Fastest Cacheの設定](https://mcbrain.jp/wp-content/uploads/2015/08/ss_2015-08-30_22-4-34.jpg)
さて結果は?
![パソコンの結果 76点](https://mcbrain.jp/wp-content/uploads/2015/08/ss_2015-08-30_8-42-50.jpg)
![モバイルの結果 66点](https://mcbrain.jp/wp-content/uploads/2015/08/ss_2015-08-29_22-11-40.jpg)
とりあえず60点以上になり、赤点追試から『可』『良』になりました(笑)。
実際にブラウザでアクセスしてみると結構速いので、これで様子を見てみることにします。
というかコレ以上スコアをあげるのは結構たいへんです…。
その他には以下のサイトでスピードを測れます。やってみたところ割りと好成績ですので、画像圧縮とWP Fastest Cacheがけっこう効いているようです。
GTmetrix | Website Speed and Performance Optimization
![GTmetrix 計測結果](https://mcbrain.jp/wp-content/uploads/2015/09/ss_12_2015-08-31-700x268.jpg)
![Pingdom 計測結果](https://mcbrain.jp/wp-content/uploads/2015/09/ss_11_2015-08-31.jpg)
コメント