字体优化完全指南（2026）：用 variable fonts、size-adjust 与 font-display 消灭 FOUT 和 CLS
从 30 多次电商审计的真实数据出发，讲清楚 2026 年字体优化的每一步：可变字体节省 40-70% 体积、preload 提前 300ms、size-adjust 把 CLS 降到 0.001，CJK unicode-range 分片实战，Next.js 15 next/font 三行搞定自托管。
所有文章
103 Early Hints 完全指南（2026）：用 Cloudflare 与 NGINX 把 LCP 提前 400ms
在源站还在生成 HTML 的那几百毫秒里，103 Early Hints 让浏览器把关键 CSS、字体和 LCP 图先下载起来。本文用 Cloudflare、NGINX 1.29 与 Server-Timing 的真实配置，教你把 p75 LCP 稳定拉低 200 到 400ms，并避开 6 个最常见的静默失败坑。
第三方脚本性能优化完全指南（2026）：Partytown、GTM 延迟加载与性能预算实战
第三方脚本（GTM、Pixel、聊天工具、A/B 测试）通常是 INP 与 LCP 变差的头号元凶。本文用 Partytown 0.10、next/script 策略、dataLayer 延迟推送与性能预算，把第三方 JS 从 1.2 MB 压到 280 KB，INP 从 320ms 降到 170ms。
CLS 优化完全指南（2026）：aspect-ratio、size-adjust 与 CSS Containment 实战
2026 年通过 CWV 的 CLS 门槛已收紧到 P75 < 0.05。用 aspect-ratio 锁定图片视频、size-adjust 对齐字体 metrics、content-visibility 隔离视口外元素、web-vitals v4 attribution 精确归因，把布局偏移逼近 0。
LCP 优化完全指南（2026）：用 fetchpriority、preload 和 Priority Hints 把 LCP 降到 1 秒以下
系统讲解 2026 年 LCP 优化的实战组合：fetchpriority、rel=preload、Early Hints、AVIF 与 PerformanceObserver，附可复制代码与 Chrome DevTools 定位法，把移动端 LCP 打到 1.2 秒以下。
Speculation Rules API 完全指南（2026）：0 毫秒页面导航实战
用 Speculation Rules API 让 Chrome 144 页面在用户点击前就渲染好：4 档 eagerness 选型、prerender_until_script 新特性、埋点副作用防护、View Transitions 组合动画，把 p75 LCP 从 1800ms 压到 320ms。
INP优化完全指南：用scheduler.yield()和LoAF API打造极速交互
INP是2026年失败率最高的Core Web Vitals指标，43%的网站未达标。深入解析scheduler.yield()、scheduler.postTask()和LoAF API三大核心优化方案，覆盖React、Vue、Angular框架实战及完整性能诊断检查清单。