Vite 客户端运行时性能：加载策略、缓存与核心 Web 指标
系统覆盖 Vite 构建产物的运行时性能优化：构建期与运行期的分工、代码分割与路由级动态导入的加载策略、预加载（preload/prefetch）与资源优先级、静态资源的缓存策略（hash 文件名/长缓存/协商缓存）、LCP 与 INP 等核心 Web 指标的优化路径、产物体积与压缩（gzip/brotli/去重）、性能预算的建立与 CI 门禁、以及 RUM 测量与监控闭环，帮助开发者把「构建产物快」转化为「用户感知快」。
tag
INP
共 3 篇文章。
前端性能优化实战：Core Web Vitals 深入、Next.js 图片与字体优化、Lighthouse 指标解读
从 Core Web Vitals 指标体系入手，深入 LCP/INP/CLS 的测量原理与优化手段：Next.js Image 自动响应式与优先级、next/font 字体加载、资源预加载、长任务拆分与代码分割，以及 Lighthouse 与 PageSpeed Insights 的实验室/现场数据解读与性能预算落地。
第 17 章：性能优化（Core Web Vitals 与 Bundle 瘦身）
全面提升 Next.js 应用性能——从 Core Web Vitals 指标理解、Bundle 分析与瘦身、图片与字体优化、Streaming SSR，到缓存策略与运行时性能调优。