良好URLを1%から99%に爆増させたパフォーマンス改善の話

こんにちは。 株式会社ココナラ フロントエンド開発グループの加藤です。 1年前、ココナラのフロントエンドは表示速度に課題があり、Google Search Consoleのページエクスペリエンスではモバイルの良好URLはたった1%しかありませんでした。 しかしその後パフォーマンス改善に取り組み、良好URL99%まで大幅に改善することができました。（記事の最後に実際のスクリーンショットもあります） この記事では、そこで行った改善内容を紹介したいと思います。 はじめに ココナラのフロントエンドは、主にNuxt + Vue.jsで作られています。 そこで nuxtjs/web-vitals を使ってパフォーマンスのログを取り、Grafanaで可視化しています。 Grafanaで可視化したページごとのLCP モバイルではLCP（Largest Contentful Paint）が2.5秒を超えてい