Core Web Vitals — LCP / INP / CLS から原因を絞る
Core Web Vitals の 3 指標 (LCP・INP・CLS) の定義と閾値を押さえたうえで、計測結果の組み合わせから原因を絞り込む手順を解説します。INP がサーバー応答の遅さでは悪化しない理由、CLS が寸法未指定の遅延コンテンツで悪化する仕組みを扱います。
Core Web Vitals の 3 指標 (LCP・INP・CLS) の定義と閾値を押さえたうえで、計測結果の組み合わせから原因を絞り込む手順を解説します。INP がサーバー応答の遅さでは悪化しない理由、CLS が寸法未指定の遅延コンテンツで悪化する仕組みを扱います。
CSR・SSR・SSG・ISR の 4 つのレンダリングパターンを「どこで HTML を作るか」という一つの軸で整理します。それぞれの初回表示・鮮度・SEO・サーバー負荷のトレードオフと、要件からパターンを選ぶ手順を扱います。
Reinvent Notes の docs / blog 記事間で内部リンクを貼るための基準。ハブ&スポーク構造の考え方、推奨 3 パターン (本文文脈リンク / 末尾「次に読む」 / mermaid 図リンク)、Bad/Good 例、新規記事チェックリスト。
コーポレートサイトに JSON-LD 構造化データを実装するための体系ガイド。Google Search Central と schema.org の公式仕様を踏まえ、WebPage / Service / Organization / Audience / Country の型選定プロセスを再現可能な思考フローとして整理。