PageSpeed Insights このブログのパフォーマンスを測ってみた
PCはまあまあ
とは言うものの68点
スマホは32点。こりゃやばい・・・なんとかせねば・・・
PC
![](https://obrigado.biz/wp-content/uploads/2024/01/31a272549c5d2e674b63ba9d3ea13b75-1024x665.jpg)
スマホ
![](https://obrigado.biz/wp-content/uploads/2024/01/9faa729c97f71e3ed5724aa15dbed407-1024x674.jpg)
PageSpeed Insights 低評価が出ちゃったので、どうしたら良いですか? Chat GPT 先生教えて〜
![秋田](https://obrigado.biz/wp-content/uploads/2019/10/e0486ee1d5706153a0fad07de582d7e7.jpg)
PageSpeed Insights 低評価が出ちゃったので、どうしたら良いですか?
サイトはWordPress で作ってます。
![chatGPT先生](https://obrigado.biz/wp-content/uploads/2024/01/267b1433966eb56cdf44fedcf39257c2.jpg)
GoogleのPageSpeed Insightsで低評価が出た場合、サイトのパフォーマンスを改善するためにいくつかの対策を試みることができます。特にWordPressサイトでは、以下の方法が有効です:
- キャッシュの利用:
- キャッシュプラグイン(例:W3 Total Cache、WP Super Cache)をインストールして設定します。
- ブラウザキャッシュの設定を最適化します。
- 画像の最適化:
- 画像を圧縮してサイズを小さくします(EWWW Image Optimizerなどのプラグインが有効)。
- 必要に応じて遅延ロード(Lazy Load)を設定します。
- CSSとJavaScriptの最適化:
- CSSとJavaScriptを圧縮し、不要なコードを削除します。
- CSSとJavaScriptの読み込みを最適化し(例:非同期読み込み)、ページのレンダリングをブロックしないようにします。
- Webホスティングの改善:
- より高速なホスティングサービスに移行することを検討します。
- CDN(コンテンツ配信ネットワーク)の使用を検討します。
- WordPressテーマとプラグインの最適化:
- 高速で軽量なテーマを選択します。
- 必要のないプラグインを削除し、使用中のプラグインは最新の状態に保ちます。
- データベースの最適化:
- 定期的にデータベースをクリーンアップし、不要なデータを削除します。
- データベースの最適化プラグイン(例:WP-Optimize)を利用します。
- モバイル最適化:
- モバイルフレンドリーなデザインを確保します。
- レスポンシブデザインを採用しているか確認します。
- サーバー応答時間の短縮:
- PHPのバージョンを最新にアップデートします。
- サーバーの設定を調整し、必要に応じてリソースを増強します。
これらの対策を実施することで、PageSpeed Insightsのスコアを改善し、サイトのロード速度を向上させることができます。また、これらの改善策を定期的に見直し、継続的にサイトのパフォーマンスを最適化することが重要です。
![秋田](https://obrigado.biz/wp-content/uploads/2019/10/e0486ee1d5706153a0fad07de582d7e7.jpg)
ふむふむ・・・
「キャッシュの利用」「CSSとJavaScriptの最適化」
使っているテーマはCocoon なので、Cocoon → サイト高速化
・ブラウザキャッシュ
・HTML縮小化
・CSS縮小化
・JavaScript縮小化
それぞれにチェックをして保存。
![](https://obrigado.biz/wp-content/uploads/2024/01/82f25aa18d0b4418cf06fd0a733f1d11-1024x826.jpg)
![秋田](https://obrigado.biz/wp-content/uploads/2019/10/e0486ee1d5706153a0fad07de582d7e7.jpg)
「画像の最適化」
EWWW Image Optimizer を入れているので、これはちょっと研究。
Lazy Load は Cocoon → サイト高速化 でチェック入っているので良し。
「Webホスティングの改善」
これはまあ、今はどうになるわけでもないのでスルー
「WordPressテーマとプラグインの最適化」
Cocoon だから大丈夫と信じよう。
「データベースの最適化」
これも研究。WP-Optimize ね。
「モバイル最適化」
Cocoon だから大丈夫と信じよう。
「サーバー応答時間の短縮」
PHPは最新のバージョンのはずなので、これもよし。
EWWW Image Optimizer で画像の圧縮と WP-Optimize で データベースの最適化 に着手
![秋田](https://obrigado.biz/wp-content/uploads/2019/10/e0486ee1d5706153a0fad07de582d7e7.jpg)
早速ググりますかね
「EWWW Image Optimizer で画像の圧縮」
![秋田](https://obrigado.biz/wp-content/uploads/2019/10/e0486ee1d5706153a0fad07de582d7e7.jpg)
ありがとうございます〜
今回参考にさせていただくサイトは
【2024年1月版】EWWW Image Optimizerの最新設定方法と正しい使い方についてわかりやすく解説
![](https://obrigado.biz/wp-content/uploads/2024/01/7e4644340e5cc2bf9ae38f94b4607c7a-1024x736.jpg)
こちらを参考にさせていただきます!
![秋田](https://obrigado.biz/wp-content/uploads/2019/10/e0486ee1d5706153a0fad07de582d7e7.jpg)
このプラグインを使って、最適化されていない画像を一括で最適化しました。
サイト軽くなったかなぁ〜?
![](https://obrigado.biz/wp-content/uploads/2024/01/07315e87833fa99644a9edecc4758c7e-1.png)
![秋田](https://obrigado.biz/wp-content/uploads/2019/10/e0486ee1d5706153a0fad07de582d7e7.jpg)
気が遠くなる時間なので一晩寝かすことにしました。
![](https://obrigado.biz/wp-content/uploads/2024/01/4850e78f2a61b3b747eee27300482ff8-1024x307.png)
![秋田](https://obrigado.biz/wp-content/uploads/2019/10/e0486ee1d5706153a0fad07de582d7e7.jpg)
一晩かかって完成。全体の画像圧縮をしてくれました。待っている間に色々と調べっていたら Google 先生がWebPが良いぞ。って
![Google 先生](https://obrigado.biz/wp-content/uploads/2024/01/14c3ead5acb31ac8acc6b305b09527dd.jpg)
![秋田](https://obrigado.biz/wp-content/uploads/2019/10/e0486ee1d5706153a0fad07de582d7e7.jpg)
早速こちらに習って画像を WebP化していこうと思います。
.htaccess とかもいじる必要があるんですね。
ちょっとハードル高めですが、ボタン一つで書き入れてくれました。
詳しくは上記サイト確認ください。
![](https://obrigado.biz/wp-content/uploads/2024/01/4fb04797bece69bca0ce838fc89e7dba.png)
![秋田](https://obrigado.biz/wp-content/uploads/2019/10/e0486ee1d5706153a0fad07de582d7e7.jpg)
WebP にする画像が 23,050 もあるので、お昼ご飯を食べに行ってきます〜
![](https://obrigado.biz/wp-content/uploads/2024/01/f69c58f7fe0e4e247fb20386d3d1addf-1024x181.png)
![秋田](https://obrigado.biz/wp-content/uploads/2019/10/e0486ee1d5706153a0fad07de582d7e7.jpg)
お昼ご飯から帰ってきても終わってなかったけど、しばらく放置していたら終わってました。
WebPで画像が来てるか確認してみます〜
![](https://obrigado.biz/wp-content/uploads/2024/01/1e2c8848eb7f5cfd184c4f47d4883b24-590x1024.png)
![秋田](https://obrigado.biz/wp-content/uploads/2019/10/e0486ee1d5706153a0fad07de582d7e7.jpg)
Chromの 開発/管理ツールで確認した所、見事webp になってました〜〜〜!
嬉しい!
これで少しはスコア良くなってるか?確認してみます!
PC
![](https://obrigado.biz/wp-content/uploads/2024/01/6b8d107f24caeb20d0f607094e4058a3-1024x808.jpg)
スマホ
![](https://obrigado.biz/wp-content/uploads/2024/01/0d06c92606a8f29e11747f5c354bd5f0-1024x658.jpg)
![秋田](https://obrigado.biz/wp-content/uploads/2019/10/e0486ee1d5706153a0fad07de582d7e7.jpg)
なんだかちっとも良くなってないので、ちょっと凹んでます・・・😭
じゃあ、気を取り直して Google 先生に「WP-Optimize」の使い方で良いところを紹介してもらいましょう。
![Google 先生](https://obrigado.biz/wp-content/uploads/2024/01/14c3ead5acb31ac8acc6b305b09527dd.jpg)
![秋田](https://obrigado.biz/wp-content/uploads/2019/10/e0486ee1d5706153a0fad07de582d7e7.jpg)
Google 先生ありがとうございます。
このサイトを参考にして、早速取り組んでみます〜
![](https://obrigado.biz/wp-content/uploads/2024/01/eec579224f675800df4e7e7da1bbfae0-1024x835.png)
![秋田](https://obrigado.biz/wp-content/uploads/2019/10/e0486ee1d5706153a0fad07de582d7e7.jpg)
データベースの最適化をしたのでスコア確認〜〜〜
PC
![](https://obrigado.biz/wp-content/uploads/2024/01/281245e3111d3f11168d1c67aa15c3ab-1024x808.jpg)
スマホ
![](https://obrigado.biz/wp-content/uploads/2024/01/7b9663fc530a610645e9f3e144eba251-1024x803.jpg)
![秋田](https://obrigado.biz/wp-content/uploads/2019/10/e0486ee1d5706153a0fad07de582d7e7.jpg)
show_ads_impl_with_ama_fy2021.js
adsbygoogle.js
analytics.js
sharethis.js
jquery.min.js
jquery-migrate.min.js
これらを遅延設定してみた
PC
![](https://obrigado.biz/wp-content/uploads/2024/01/78f246e40f4a595090ff43e27da00848-1024x798.jpg)
スマホ
![](https://obrigado.biz/wp-content/uploads/2024/01/9414869461d1a2b0f142cdad4789c2ff-1024x805.jpg)
![秋田](https://obrigado.biz/wp-content/uploads/2019/10/e0486ee1d5706153a0fad07de582d7e7.jpg)
おぉ〜〜〜なんとか63まで行った。
ちょっと大変過ぎたので、今回はここまで。
これをするより CDN を入れた方が早いかも。
近いうちにCDN導入してみたいと思います〜
最後までお付き合いありがとうございました。