前端可观测性：Web Vitals、RUM 与错误监控
"构建端到端前端可观测性体系，覆盖 Web Vitals 采集、RUM 上报与错误监控的落地实践。"
工程实践
前端图片优化（AVIF_WebP 与响应式）
采用AVIF/WebP与响应式图片策略，通过`picture`与`srcset/sizes`及按需协商提升首屏与带宽效率，提供服务端与客户端配置与验证方法。
前端图片优化：AVIF 与 WebP 的取舍与落地
"结合压缩效率、画质与兼容性，评估 AVIF 与 WebP 的取舍，并提供对 LCP 的影响与工程化落地建议。"
前端图片优化：AVIF、WebP、Responsive 与懒加载
"通过现代图片格式、响应式资源与懒加载优化首屏与交互性能，提供可直接使用的标签示例。"
前端安全基线与自动化扫描：SAST/DAST、依赖审计与CSP校验
建立前端安全基线与自动化扫描体系，覆盖静态/动态安全测试、依赖与许可证审计、CSP/TT 校验与门禁，提供可验证的风险降低指标
现代前端构建工具对比：Vite vs Webpack 5性能深度分析
"全面比较Vite和Webpack 5在现代前端项目中的性能表现，包括构建速度、开发体验、生产优化等维度的详细测试数据，为项目选择合适的构建工具提供科学依据。"
前端错误监控与Source Map回溯实践
构建前端错误监控与回溯体系，使用 Source Map 还原压缩后的堆栈，提供版本标记、采样与去重策略，并给出验证方法。
