久々に自分のブログを真面目に見ているのですが、PageSpeed Insightsでブログの表示スピードを図ってみたら、すごい遅くてびっくりしました。
PageSpeed Insightsのスコアがひどかった
とりあえずトップページの速さを測ってみたら、
PCは83点なのでまだましかもしれませんが、
モバイルは26点・・・
これはダメだろってことで、いろいろやってみた結果がこちら。
PCは91点。こちらは合格ラインになりました。
モバイルは52点。まだ良いとは言えませんが、それでも改善したほう。
表示するスピードが遅いと、見る側からすればストレスですし、速いに越したことはありません。
速度を改善するためにやったこと
プラグインは極力削除
まず、なくても困らないプラグインは一斉に無効化しました。この際なので、無造作に導入されたプラグインを一掃しました。すごい数、停止した。
やはりプラグインはいろんな処理を増やしてしまうので、結果として表示が遅くなるというのを改めて実感した次第です。極力シンプルに。
ウィジェットも削除
サイドバーに表示していたウィジェットも削除しました。Twitterのタイムラインウィジェットなんかも貼っていましたが、これも表示が遅く原因なので削除です。
https://freeandlight.net/2019/01/26/sangomobilespeed/
高速化プラグインを導入
高速化のプラグインとして、次の2つを導入しました。
Autoptimize
JavaScript、CSSなどの圧縮。画像のLazy Loadもできます。
Compress JPEG & PNG images
画像を圧縮してくれる。後述するように、画像サイズが大きく、それが遅い原因だったので。
画像サイズを縮小
これまであまり画像サイズを意識してこなかったので、全体的に無駄に大きい画像サイズになっていました。特にアイキャッチにしか使っていない画像のサイズが大きく、それが読み込みの遅さにつながっていました。
全部やるのは大変なので、アクセスが多い記事の画像サイズを小さくしました。ただ、Googleアナリティクスやアドセンスのスクリプトでも遅くなると言われており、あまりこの点数を気にしすぎてもキリがないかもな、と思います。
というわけで、たまにはチェックしてスピードが遅くなっていないか、確認してみるもんですね。
そもそも、ブログサービスとかを使えば、こういうメンテナンス自体も不要になると言う考え方もあるんですけどね。最近だとnoteとか流行っているし。