优化
Speculation Rules 预渲染与导航性能优化实践
使用 Speculation Rules 在可预测导航下进行预渲染,配合预取策略显著降低 LCP 并提升交互可用性,提供可验证与安全边界控制。
OffscreenCanvas 与 Web Workers 图像处理与渲染优化实践
基于 OffscreenCanvas 与 Web Workers 构建并行渲染与图像处理链路,验证在密集计算场景下降低主线程阻塞与提升交互性能。
Next.js 15 Speculation Rules 导航加速与预渲染实践 prefetch-prerender-激进优化
基于浏览器 Speculation Rules 的 prerender 与 prefetch 在 Next.js 15 中落地,通过对目标路由进行导航前预计算与资源预取,显著降低 TTI 并提升多页面切换体验。
HTTP 103 Early Hints 与 Preload 协同优化首屏渲染实践
利用 103 Early Hints 在主响应准备期间提前下发关键资源预加载指令,与 Preload 协作显著降低首屏 LCP。
CSS content-visibility 与 contain-intrinsic-size 首屏渲染优化实践
通过 content-visibility 与 contain-intrinsic-size 控制非视口内容的渲染成本与占位,降低首屏计算压力并提升核心性能指标(LCP/INP)。
BackForward Cache(BFCache)启用与导航性能优化实践
通过规避 BFCache 阻塞因素并正确处理 pageshow/pagehide,显著提升后退/前进导航的性能与体验,并量化命中率与指标收益。
CSS is() 与 where() 特殊性管理与选择器优化实践
使用 is()/where() 合理管理选择器特殊性与匹配范围,提升样式维护性与性能并验证在现代浏览器下的兼容性。
"Web 字体加载优化:font-display、preload 与子集化"
"系统介绍 Web 字体加载的策略与取舍,结合 font-display 与 preload 的协作、子集化与中文场景的分包实践,并给出对 LCP 的影响与验证来源。"
