前端图片优化（AVIF_WebP 与响应式）
采用AVIF/WebP与响应式图片策略，通过`picture`与`srcset/sizes`及按需协商提升首屏与带宽效率，提供服务端与客户端配置与验证方法。
前端
前端图片优化：AVIF/WebP与响应式图片治理
以新一代图片格式与响应式策略降低体积与提升体验，统一 `picture/srcset/sizes` 配置与回退路径。
前端图片优化：AVIF 与 WebP 的取舍与落地
"结合压缩效率、画质与兼容性，评估 AVIF 与 WebP 的取舍，并提供对 LCP 的影响与工程化落地建议。"
前端图片优化：AVIF、WebP、Responsive 与懒加载
"通过现代图片格式、响应式资源与懒加载优化首屏与交互性能，提供可直接使用的标签示例。"
前端图片懒加载与占位骨架优化（loading=lazy、IntersectionObserver 与验证）
通过原生懒加载与IntersectionObserver触发加载，配合占位骨架与低分辨率占位图，降低首屏体积与提升交互体验，并提供验证方法。
前端子资源完整性SRI治理（script-link-integrity-回退）最佳实践
通过为前端子资源设置 SRI 哈希并在校验失败时执行受控回退，保障外部资源加载的完整性与可用性。
前端存储对比：IndexedDB 与 LocalStorage 的选型与配额
"对比 IndexedDB 与 LocalStorage 的场景与性能，解释 StorageManager 的配额估算与持久化请求，并提供库与实践参考。"
前端安全基线与自动化扫描：SAST/DAST、依赖审计与CSP校验
建立前端安全基线与自动化扫描体系，覆盖静态/动态安全测试、依赖与许可证审计、CSP/TT 校验与门禁，提供可验证的风险降低指标
