Web 性能优化与 Core Web Vitals 实战
概述Core Web Vitals 是衡量真实用户体验的核心指标，分别针对加载速度（LCP）、交互响应（INP）和视觉稳定性（CLS）。本文提供从测量到优化的可执行方法，帮助团队建立持续的性能治理体系。已验证技术参数LCP 良好阈值 ≤ 2.5s；需要改善 2.5–4.0s；较差 >
性能
Web Animations API 流畅动画与性能优化实战
通过 Web Animations API 在合成线程运行动画，降低主线程占用，提供可中断、可复用的高性能动画体系。
CSS Content-Visibility 首屏渲染与列表性能优化
利用 content-visibility 跳过不可见内容的渲染并结合 contain-intrinsic-size 预占位，显著优化大列表与长文档的性能。
CSS content-visibility 与 contain-intrinsic-size 首屏性能优化实践
使用 `content-visibility` 与 `contain-intrinsic-size` 延迟不可见内容的布局与绘制，并为懒渲染区域提供固有尺寸占位，实测降低 LCP 与提升滚动交互稳定性。
React Compiler 自动化优化与性能验证实践
解析 React Compiler 的自动化优化原理与落地流程，提供可验证的性能度量与回滚策略，指导在现有项目的安全启用。
Next.js 15 Turbopack 开发提速与 HMR 性能实践
在 Next.js 15 中使用 Turbopack 提升开发构建与 HMR 性能，介绍增量编译与缓存策略，并给出工程治理要点与验证指标。
CSS has() 交互状态管理与性能优化实践
使用 :has() 在父元素层级管理交互状态与样式联动，替代部分 JS 与复杂选择器，同时给出性能优化与可维护性策略。
