前端资源加载优化：代码分割、Preload 与 Prefetch
"结合代码分割与浏览器资源提示优化首屏与交互性能，并给出验证与监控方法。"
加载
前端图片懒加载与占位骨架优化（loading=lazy、IntersectionObserver 与验证）
通过原生懒加载与IntersectionObserver触发加载，配合占位骨架与低分辨率占位图，降低首屏体积与提升交互体验，并提供验证方法。
Web 字体加载优化：font-display、preload 与子集化
"系统介绍 Web 字体加载的策略与取舍，结合 font-display 与 preload 的协作、子集化与中文场景的分包实践，并给出对 LCP 的影响与验证来源。"
可见性驱动渲染：IntersectionObserver 的懒加载实践
"系统介绍 IntersectionObserver 的用法与参数（root/rootMargin/threshold），在图片与模块懒加载中的工程实践与回退策略，并附参考。"
Resource Timing API：资源加载性能采集与分析
使用 Resource Timing 采集资源加载细节，分析连接与下载阶段耗时，并与 RUM 上报协作进行性能治理。
CSP strict-dynamic 与 nonce/hash 实战：脚本加载安全基线
解析 CSP 中 strict-dynamic、nonce 与 hash 的协同机制，构建脚本加载的最小信任面，防止 XSS 通过外链或内联脚本扩散。
iframe 原生懒加载：loading lazy 与策略
使用原生 `loading="lazy"` 为 iframe 懒加载，降低首屏资源压力并改善性能，结合可见性与占位策略确保体验与稳定性。
Worker脚本加载与CSP worker-src治理最佳实践
通过CSP的worker-src限制Worker脚本来源与同源策略，统一白名单加载与入口校验，降低跨站执行与资源泄露风险。
前端图片优化：AVIF、WebP、Responsive 与懒加载
"通过现代图片格式、响应式资源与懒加载优化首屏与交互性能，提供可直接使用的标签示例。"
TanStack Router v1 新特性与数据加载模式
引言TanStack Router v1 作为类型安全、数据驱动的路由库，与 TanStack Query 等生态协作，强调路由级数据加载与类型化约束。核心能力（已验证）路由级查询与加载：在路由配置中定义数据加载与依赖，统一数据与导航。来源：TanStack Router 官方文档。类型安全与 DX
