ワードプレステーマ SINKA で高速化に有効だった方法

ブログを楽しむ

お元気ですか、かにかまです。
かにかまって何?⇒プロフィールはこちら。

読み込みの遅いブログって、イライラしますよね。

「なかなか表示されないな・・・もういいや、他のサイトみよう」

と、なってしまいます。

表示されるのを待つ数秒間って、カップラーメンが出来上がる3分のように長く感じます。さらに、数ページ読み進めていくと、「数秒間×読んだページ数」の時間が無駄になっていることに気付きます。

読み込みが遅いブログによって、貴重な人生の時間を無駄にしている。また、読みに来てくれた方の時間を無駄にしている。そう考えると、ブログの高速化に取り組まないといけない使命を感じました。

調べていると、ブログの高速化に有効な方法は環境によって変わるから、色々試してみないといけない、ということが書いてありました。このブログの環境は、Xserver+テーマSINKAですが、同じ環境で高速化したという情報を見つけられなかったので、色々試してみた結果を紹介します。参考になれば幸いです。

 

まず、高速化する前の状態を以下のサイトで調べてみました。グーグルの提供しているツールのようです。

PageSpeedInsights

結果、モバイル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に乗り換えた人もいるみたいです。お金と相談したいと思います・・

SINKAからELEPHANTにWordPressテーマを変更した8つの理由 - 株式会社ティンカーベル
WordPressのテーマ(WordPressの表記はテーマでテンプレートとも呼ばれます)を変更しました。 以前までは「SINKA」というWordPressテーマを使っていたのですが、いろいろと使いにくところがあり、Wo

 

お読みいただき、ありがとうございました。

コメント