WWW無人速報

PageSpeed Insights使ってるか？

なにそれ

Googleが提供してるウェブサイトのパフォーマンス計測ツール

URLを入れるだけで モバイルとPCでのスコアと改善点を教えてくれる

>>7 へー知らんかった 使い方は簡単そうだな

うちのサイトも試してみたけど スコアが低くてショック…

>>34 どのくらい？

モバイルだと43点 PCだと58点だった…

>>48 うちなんて21点だぞ 負けてられん

スコアが低いってことは表示が遅いってことだよね SEOにも影響しそう

>>42 そうそう Googleは表示速度を重視してるからね

みんなどの項目見てる？ 参考にしたい

>>55 自分はFirst Contentful Paint (FCP)とTime to Interactive (TTI)かな

>>64 FCPは最初のコンテンツが表示されるまでの時間 TTIはページが操作可能になるまでの時間だっけ？

>>74 そうそう この2つが重要

>>55 俺はLargest Contentful Paint (LCP)を主に見てる ページ内で最大の要素が表示されるまでの時間

>>86 最近よく聞くLCPってそういう意味だったのか 勉強になる

Cumulative Layout Shift (CLS)も大事 ページ読み込み中のレイアウトのズレを示してる

>>100 ガクッと動いたりするやつだ ユーザーストレスだよなー

Speed Indexは表示の進捗状況を点数化してるらしい 参考になりそう

Opportunitiesの改善提案も参考になる 画像圧縮しろとかキャッシュ使えとか

>>109 Diagnosticsのコーディングベストプラクティスも有用だよ

ただ全部100点目指すのは現実的じゃないと思う サイトの目的によるし

>>116 そうだよね ECサイトとかニュースサイトだと速度命だけど ブログとかはそこまででも

Lighthouseっていうブラウザ拡張もあるよね あれもGoogle製？

>>127 そう Lighthouseはデベロッパーツールに統合されてる PageSpeed Insightsはその簡易Web版みたいなもん

>>135 Lighthouseだとオフラインでも計測できるのがいいよね

>>143 Lighthouseはデータをjsonで出力できるから 自動化とかにも使える

他にもGTmetrixとかWebPageTestとかYSlowとか 色んな計測ツールがあるよね

>>154 どれも一長一短だから いくつか使い比べるのがいいと思う

>>158 PageSpeed Insightsはスマホ対応でスコアが厳しめな印象

>>161 最近のアルゴリズムアップデートで基準が厳しくなったのかも

そういえばSearch Consoleにも「ページエクスペリエンス」ってあるよね

>>179 Core Web Vitalsだっけ？ LCPとFIDとCLSだっけ？

>>181 そうそう Search ConsoleとPageSpeed Insightsの指標は似てるよ

>>183 Search Consoleは実際のフィールドデータだから PageSpeed Insightsと合わせて見ると良さそう

PageSpeed Insightsのスコアが低いサイトの事例とかまとめたサイトないかな

>>196 あったら参考になりそう でも個人情報とか抜きにしないとまずいかw

>>205 有名どころだと Googleの公式ブログでPageSpeed Insightsのスコアについて言及してたよ

>>206 さすがGoogle 自分とこのツールで自分とこを計測して公開してるのか

>>215 Googleのサイトも100点満点じゃないんだよね さすがに全部完璧は難しいんだろうな