お元気ですか、かにかまです。
かにかまって何？⇒プロフィールはこちら。
読み込みの遅いブログって、イライラしますよね。
「なかなか表示されないな・・・もういいや、他のサイトみよう」
と、なってしまいます。
表示されるのを待つ数秒間って、カップラーメンが出来上がる3分のように長く感じます。さらに、数ページ読み進めていくと、「数秒間×読んだページ数」の時間が無駄になっていることに気付きます。
読み込みが遅いブログによって、貴重な人生の時間を無駄にしている。また、読みに来てくれた方の時間を無駄にしている。そう考えると、ブログの高速化に取り組まないといけない使命を感じました。
調べていると、ブログの高速化に有効な方法は環境によって変わるから、色々試してみないといけない、ということが書いてありました。このブログの環境は、Xserver＋テーマSINKAですが、同じ環境で高速化したという情報を見つけられなかったので、色々試してみた結果を紹介します。参考になれば幸いです。
まず、高速化する前の状態を以下のサイトで調べてみました。グーグルの提供しているツールのようです。
結果、モバイル53点、PC56点で、どちらの環境でもPoor!と判断されました。このツールの良いところとして、
「お前の改善点はこれだけあるよ！」
という情報を教えてくれるところです。以下のポイントが悪いようです。
- リソース（HTML、CSS、JavaScript）を圧縮する
- 画像を最適化する
- スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する
- ブラウザのキャッシュを活用する
- 圧縮を有効にする
圧縮とか、排除とか、良く分かりません。プラグインいれて一発解決とか、楽がしたいです。検索しながら、対策を調べていきました。その結果をまとめます。
試したプラグインとその結果
リソース（HTML、CSS、JavaScript）を圧縮する
Autoptimize・・・+10点
画像を最適化する
EWWW Image Optimizer・・・+5点
スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する
Asynchronous Javascript・・・+3点
WP Deferred Javascripts・・・+5点
プラグインの相性とかの関係でしょうか、これらを外すとモバイル環境での点数が15点減りました。
ブラウザのキャッシュを活用する
WP Super Cache・・・-5点→停止、削除
WP Fastest Cache・・・+15点
圧縮を有効にする
WP Fastest Cache
その他
Head Cleaner・・・変化なし→停止、削除
JavaScript to Footer・・・変化なし→停止、削除
All In One SEO Pack停止・・・+2点
Lazy Load・・・-5点→停止、削除
総合結果
これらプラグインの設定だけで、かなり改善したようです。
まとめ：ワードプレステーマ SINKAで高速化に有効だったプラグイン
- WP Fastest Cache
- Autoptimize
- EWWW Image Optimizer
- Asynchronous Javascript
- WP Deferred Javascripts
参考にしてみてください。
追記：プラグインを入れて発生した不具合
上述のように、パフォーマンスは改善したようですが一部表示が崩れました。
- グローバルメニューが左寄りになった（PC）
- メニューが表示されなくなった（モバイル）
メニューが表示されないとか、結構重大だと思うのですが、速度が遅いのも我慢ならないので、しばらくこれでいきます・・
テーマ変えようかな・・変えるとしたら、使ってる人多いSTORKか、ELEPHANTかなぁ。
SINKAからELEPHANTに乗り換えた人もいるみたいです。お金と相談したいと思います・・
お読みいただき、ありがとうございました。
コメント