IntersectionObserver 懒加载 与 content-visibility 协同治理实践
将 IntersectionObserver 懒加载与 content-visibility/contain-intrinsic-size 协同，降低主线程与绘制压力，稳定长列表与图片首屏表现并优化 LCP。
实践
Next.js 15 Priority Hints 与 fetchpriority 资源调度实践 链接预取-图片脚本优先级
使用 Priority Hints 与 fetchpriority 优化关键资源调度，在 Next.js 15 中通过 link 预取、图片优先级与连接预热降低 LCP 并稳定导航体验。
Next.js 15 Service Worker Navigation Preload 与 App Router 协同实践：TTFB-API 预取
借助 Service Worker 的 Navigation Preload 在导航阶段预取关键 API，与 Next.js 15 App Router 协同降低 TTFB 并提升页面切换体验。
Scheduler.postTask 任务优先级与响应性优化实践
利用 Scheduler API 的任务优先级与可取消能力提升交互响应性，在动画、输入与后台任务之间实现可验证的调度治理。
Service Worker Cache Storage stale-while-revalidate 与资源-API 协同实践
使用 Service Worker 的 Cache Storage 实现 stale-while-revalidate 模式，为静态资源与 API 提供快速响应与后台更新，提升弱网与移动端体验。
Web Vitals INP 输入延迟优化 与交互响应治理实践 PerformanceObserver
以 PerformanceObserver 监测交互事件时长，定位并优化 INP 输入延迟瓶颈；结合任务切分、样式稳定与数据请求治理，提升整体交互响应质量。
网页 LCP 优化与稳定布局实践 preconnect-preload-sizes-font-display-CLS
系统化优化 Largest Contentful Paint（LCP）与布局稳定性，从连接预热、关键资源预加载到图片尺寸与字体显示策略，降低首屏延迟并避免抖动。
Accept-Encoding 变体缓存与一致性实践
针对不同压缩变体（gzip/br）实施一致性缓存策略，避免错配与重复缓存。
Background Sync 与通知实践
结合 Background Sync 与 Push/Notification API，实现离线任务重试与消息推送，完善前端离线与消息体验。
