タグ

# フロントエンド

4 件の記事が見つかりました

フロント性能改善の正しい順序: LCP→INP→CLS

フロント性能改善は何から手を付けるかで ROI が大きく変わる。本記事では web.dev 公式の Core Web Vitals を軸に、RUM/Lab の使い分け、LCP→INP→CLS の改善順序、現場で使える優先度チェックリストを実務目線で整理する。

Growth Lab編集部

34分公開 2026/5/1

Next.js Cache Components PPR

Next.js Cache Components移行設計

Next.js Cache Components（use cache / cacheLife / cacheTag）への移行を Yes/No/Defer 3分岐で1日判定。PPR との関係・段階移行手順・5つの罠・移行チェックリスト12項目・PR テンプレ + CI ガード snippet までを実務目線で整理する。

Growth Lab編集部

38分公開 2026/5/1

React Server Components Next.js App Router

RSCとClient境界の引き方 ── 迷わない4軸判定

Next.js 16でRSCが成熟したいま、'use client' をどこに付けるか毎回悩むチーム向けに、データフェッチ起点・インタラクティブ性・バンドルサイズ・SEOの4軸で境界を判断するテンプレと具体ケース5つ、アンチパターン5選、Compositionパターンを実務目線で整理する。

Growth Lab編集部

41分公開 2026/5/1

Vite Rolldown ビルドツール

Vite 8 × Rolldown 移行可否を3分で判定

Vite 8 が Rolldown を default 化。Rollup 比 10-30 倍速の公式値・破壊的変更・自社移行手順を Yes/No/Defer の3分岐で判定する移行チェックリスト＋ CI ガード GitHub Actions snippet 付き。

Growth Lab編集部

50分公開 2026/5/1