"关键 CSS 实践：降低渲染阻塞与优化首屏"
"总结关键渲染路径中 CSS 的阻塞特性与优化方法，包含媒体查询拆分、按需加载与关键 CSS 抽取，并附参考与验证。"
优化
前端性能优化 Vite 与动态导入最佳实践
结合 Vite 的构建特性与浏览器加载机制，系统化实施代码分割与依赖瘦身，降低首屏体积与交互延迟。
前端图片懒加载与占位骨架优化（loading=lazy、IntersectionObserver 与验证）
通过原生懒加载与IntersectionObserver触发加载，配合占位骨架与低分辨率占位图，降低首屏体积与提升交互体验，并提供验证方法。
"前端图片优化：AVIF、WebP、Responsive 与懒加载"
"通过现代图片格式、响应式资源与懒加载优化首屏与交互性能，提供可直接使用的标签示例。"
"前端图片优化：AVIF 与 WebP 的取舍与落地"
"结合压缩效率、画质与兼容性，评估 AVIF 与 WebP 的取舍，并提供对 LCP 的影响与工程化落地建议。"
前端图片优化（AVIF_WebP 与响应式）
采用AVIF/WebP与响应式图片策略，通过`picture`与`srcset/sizes`及按需协商提升首屏与带宽效率，提供服务端与客户端配置与验证方法。
"前端体验优化：Core Web Vitals 的指标与落地"
"介绍 LCP/INP/CLS 的指标与阈值，结合实测与工具链给出可落地的优化与监测方案。"
"WebAssembly 性能优化：内存、调用与体积控制"
"总结 WebAssembly 的关键性能注意，包括线性内存管理、JS↔Wasm 调用开销与二进制体积优化，并提供参考与工程建议。"
