ブログの軽量化をしたい

前略

最近、ただ記事を書くだけでなく、もっと見やすいブログにできないかな、と考えています。

以前からなんとなくこのブログの読み込みが遅いような気がしていたので、調べてみました。

ブログが重い、というタイトルのLIG記事。

https://liginc.co.jp/web/wp/other-wp/144897

この中で、ブログのスピードを測定するGoogleのツールが紹介されています。

https://developers.google.com/speed/pagespeed/insights/?hl=ja

さきのLIG記事中では、スコアが60以下なら注意!となっていますが、私の場合はどうでしょうか。

なんと、「6」!!!

特に画像が重いようです。いちばんはトップ画像。4MBもあります。Googleのツールからは、あと3MB減らせるはずだ、と言われてしまいました。

そこで対処したのが、トップ画像の形式をpngからjpgに変換。横幅も2888pxから2000pxに変更。その結果、189KBまで減らせました。

また、他の画像についても軽くするために、WordPressプラグインのEWWW Image Optimizerというものを使い、軽量化しました。

この状態で、先程のGoogleのページスピードインサイトをもう一度やってみます。

ページスピードインサイト結果が7だった

7じゃん!全然改善されてないに近い……

さらに、プラグインWP Fastest Cacheで不要なキャッシュを削除。やり方はこちらのサイトを参考にしました。

https://tekito-style.me/columns/wordpress-plugin-fastest-cache

それでもまだスコアは7のままです。

あれ?モバイルというタブになっている。。。パソコンというタブを見ると、37!やはり低いです。

さらにいくつかのプラグインを削除してみました。見直すと1個で兼用できることも多くありました。

「レンダリングを妨げるリソースの除外」という項目が残っています。

ちょっと難しい(functions.phpを編集するので)ですが、以下のサイトを参考に実践。

https://lets-hack.tech/wordpress/render-blocking/

その結果……

モバイルは31まで改善

モバイルは31まで改善。パソコンは47でした。

まだまだ赤点ですが、最初のスコア6からはかなり前進。

今後も見やすい(ユーザビリティとか言いますね)ブログになるよう、改善していきます。

かしこ

関連記事

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)