![](https://cdn-ak-scissors.b.st-hatena.com/image/square/6a78f4536b0501eb88db34c170aeedafa6666212/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwUGFnZVNwZWVkSW5zaWdodHMlRTMlODAlOTElRTUlODglODYlRTYlOUUlOTAlRTYlOTYlQjklRTYlQjMlOTUlRTMlODElQTglRTYlOTQlQjklRTUlOTYlODQlRTYlOTYlQjklRTYlQjMlOTUlMjAlRUYlQkMlODhMQ1AlRTYlOTQlQjklRTUlOTYlODQlRTMlODElQTczOCVFNyU4MiVCOSVFMiU4NiU5Mjk3JUU3JTgyJUI5JUUzJTgxJUI4JUVGJUJDJTg5JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1mMGEwN2JhZjEyMzgwZjM1NjEyZjk2MjBjOWNjYjcyNw%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDByb3JlbnN1MjIzNiZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9OTU1NGExZTNiN2FlMjRlYzE0MDU5OTdjODhmOGZlNDk%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Df674eb5c0176dfa9d344a32934125ff4)
エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【PageSpeedInsights】分析方法と改善方法 (LCP改善で38点→97点へ) - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【PageSpeedInsights】分析方法と改善方法 (LCP改善で38点→97点へ) - Qiita
LCPのスコアが最重要 3年間スコアに悩まされてましたが、集中的に改善を行い97点まで上げました。 基本... LCPのスコアが最重要 3年間スコアに悩まされてましたが、集中的に改善を行い97点まで上げました。 基本的なウェブサイトの分析方法を知り、着実に改善する方法をまとめます。 振り返ると LCP のスコアが最重要項目でした。 他の指標は LCP のスコアを上げるための補助項目な側面が多いため、LCPに着目して改善しましょう PSI改善の基礎が解ってる人は レンダリング改善をご覧ください 他の項目はみなさん見飽きてることでしょう 基礎がわかってる人はレンダリング改善をご覧ください。 スコア改善の順序 スコア改善はこの順番でやると挫折しないのでおすすめです。 ファイル容量 (多分もうみなさん恐らくやってますよね!) サーバ応答速度 (ここもN+1とかも恐らくやってますよね!) レンダリング → ここが課題 今回の記事ではこの3点を軸に改善方法をまとめていきたいと思います。 恐らくファイル容量とサー