CSS scrollbar-gutter 与滚动条占位布局稳定性实践
使用 `scrollbar-gutter` 控制滚动条占位与布局稳定性，避免首次滚动引发的内容跳动并提升核心指标（LCP/Cumulative Layout Shift）。
实践
Declarative Shadow DOM SSR 与组件水合优化实践
在 SSR 场景使用 Declarative Shadow DOM 渲染 Web Components，并优化水合与兼容策略。
Fetch Priority API 资源加载优先级优化实践
使用 Fetch Priority API 为关键资源设置优先级，协同 preload 提升 LCP 与首屏渲染速度。
CSS Container Queries 与响应式组件驱动实践
使用 CSS 容器查询构建组件级响应式布局与交互，从容器维度驱动样式，替代媒体查询并提升组件复用性，验证在主流浏览器的兼容与性能收益。
Next.js 15 next-image 占位符与解码策略实践 placeholder-blur-decoding-async
使用 next/image 的占位符与解码策略优化首屏与列表图像体验，结合 sizes/priority 与预加载，降低 LCP 并减少布局抖动。
React 19 use 与 Suspense 数据获取与错误边界实践
使用 React 19 的 use 在服务器组件中直接等待 Promise，结合 Suspense 流式渲染与错误边界，构建高性能且稳健的数据获取体验。
Next.js Partial Prerendering 与 Streaming 渲染实践
以可验证示例演示 Next.js 的 Partial Prerendering 与 Suspense 流式渲染，精确控制静/动态边界与缓存策略，提升 TTFB 与交互就绪。
Next.js 15 Preview Mode 草稿内容与缓存绕过治理实践
在 App Router 中使用 Preview Mode（draftMode）展示 CMS 草稿并绕过缓存，提供启用/关闭路由与 RSC 页面条件获取示例，确保编辑与发布流程的稳定性。
React SSR 与边缘渲染实践与对比
"对比在中心与边缘进行 React 服务端渲染的策略，覆盖流式渲染、缓存与监控。"
HTTP/2 优先级实践：依赖树与浏览器差异
"解释 HTTP/2 的流依赖与权重模型、服务器调度的自由度与浏览器差异，给出工程实践建议与观察指标。"
