Core Web Vitals

Core Web Vitalsは、Googleがウェブページの実際のユーザー体験を定量化するために定義した3つの標準化された指標のセットです。[Largest Contentful Paint（LCP）](/glossary/lcp)は最大の可視要素がどれだけ速く読み込まれるかを測定し、[First Input Delay（FID）](/glossary/fid)はページが最初のユーザーインタラクションにどれだけ速く応答するかを測定し、[Cumulative Layout Shift（CLS）](/glossary/cls)は読み込み中にページレイアウトがどれだけ予期せず移動するかを測定します。これら3つの数値は、読み込み速度、インタラクションの応答性、視覚的安定性という優れたページ体験の3本柱を表しています。GoogleはInteraction to Next Paint（INP）がFIDに代わる応答性指標になることを示していますが、基本フレームワークは変わりません。

GoogleはCore Web Vitalsを検索アルゴリズムのランキングシグナルとして使用しています。「良好」の閾値を満たすページはランキング上の優位性を得る一方、スコアの低いページは検索結果で順位が下がる可能性があります。SEO以上に、これらの指標は訪問者が実際に感じることを直接反映しています。読み込みの遅いフリップブック埋め込みは読者をイライラさせ、応答しないボタンは離脱を引き起こし、予期しないレイアウトのずれは信頼を損ないます。ウェブサイトにインタラクティブコンテンツを埋め込むパブリッシャーにとって、それらの埋め込みのパフォーマンスはページ全体のスコアに影響します。Core Web Vitalsを無視することは、検索の可視性低下と読者体験の劣化の両方を受け入れることを意味します。

FlipLinkは、サイトのCore Web Vitalsスコアを悪化させるのではなく、保護するように設計されています。フリップブックの埋め込みは非同期で読み込まれるため、ページのメインコンテンツのレンダリングをブロックすることはなく、[LCP](/glossary/lcp)を高速に維持します。埋め込みコンテナはフリップブックの初期化前に固定のアスペクト比を確保し、[CLS](/glossary/cls)を損なうレイアウトシフトを防止します。アセット（ページ画像、Three.jsレンダリングスクリプト、フォント）は段階的に、必要な場合にのみ読み込まれ、ブラウザのメインスレッドの応答性を維持します。FlipLinkの[カスタムローディングスクリーン](/features/custom-loading-screen)はビューアの初期化中にスムーズなプレースホルダーを表示します。FlipLinkのマーケティングサイトはLighthouseパフォーマンス監査でデスクトップ97、モバイル91のスコアを達成しています。

**LCP目標：2.5秒未満。** LCPはビューポート内の最大の可視要素（画像、動画、テキストブロック）のレンダリング時間を測定します。フリップブックが埋め込まれたページでは、フリップブックコンテナはLCP要素ではなく、通常はページ自体のヒーロー画像や見出しがLCP要素です。FlipLinkの非同期読み込みにより、埋め込みがこの要素を遅延させないことが保証されます。 **FID/INP目標：100ミリ秒未満（FID）または200ミリ秒未満（INP）。** これらの指標は、ユーザーアクション（クリック、タップ、キー押下）とブラウザの応答の間の遅延を測定します。FlipLinkはThree.js経由でWebGLに重いレンダリングをオフロードし、メインスレッドを入力処理のために空けておきます。 **CLS目標：0.1未満。** CLSは可視要素が予期せず位置を変更するたびに蓄積されます。FlipLinkの埋め込みコードは固定アスペクト比のラッパーを使用するため、ブラウザはコンテンツが読み込まれる前に正確なスペースを割り当てます。リフローなし、シフトなし。 **測定ツール：** Google PageSpeed Insights、Lighthouse（Chrome DevToolsに組み込み）、Chrome User Experience Report（CrUX）がすべてCore Web Vitalsを報告します。CrUXのフィールドデータは28日間のローリングウィンドウにわたる実際のユーザー体験を反映します。

| 指標 | 良好 | 改善が必要 | 不良 | |------|------|-----------|------| | LCP | ≤ 2.5秒 | 2.5秒 – 4.0秒 | > 4.0秒 | | FID | ≤ 100ms | 100ms – 300ms | > 300ms | | INP | ≤ 200ms | 200ms – 500ms | > 500ms | | CLS | ≤ 0.1 | 0.1 – 0.25 | > 0.25 | これらの閾値はページ読み込みの75パーセンタイルで適用されます。つまり、ページが合格するには、訪問の75%が「良好」の閾値を満たす必要があります。単一の遅い訪問で指標が不合格にはなりませんが、スコアが低い一貫したパターンは影響します。

**フリップブックを埋め込むとCore Web Vitalsが悪化しますか？** 埋め込みが非同期で読み込まれ、レイアウトスペースを事前に確保していれば悪化しません。FlipLinkの埋め込みコードはデフォルトで両方を行います。フリップブックはページのメインコンテンツがレンダリングされた後に初期化されるため、ヒーローセクションやナビゲーションと読み込み優先度を競合しません。 **SEOにとって最も重要な指標はどれですか？** Googleはページ体験シグナルの一部として3つすべてを同等に重み付けしています。ただし、LCPは知覚速度に最も目に見える影響を与える傾向があり、ほとんどのパブリッシャーが最初に最適化する指標となっています。 **Core Web Vitalsをどのくらいの頻度で確認すべきですか？** ページに重要な変更を加えた後は必ずLighthouse監査を実行してください。特に埋め込みコンテンツの追加や変更後は重要です。継続的な監視には、Google Search ConsoleのCore Web Vitalsレポートを毎週確認してください。フィールドデータは28日間のローリングサイクルで更新されるため、改善がCrUXスコアに反映されるまで約1か月かかります。