"前端图片优化：AVIF 与 WebP 的取舍与落地"
"结合压缩效率、画质与兼容性，评估 AVIF 与 WebP 的取舍，并提供对 LCP 的影响与工程化落地建议。"
前端
前端图片优化：AVIF/WebP与响应式图片治理
以新一代图片格式与响应式策略降低体积与提升体验，统一 `picture/srcset/sizes` 配置与回退路径。
前端图片优化（AVIF_WebP 与响应式）
采用AVIF/WebP与响应式图片策略，通过`picture`与`srcset/sizes`及按需协商提升首屏与带宽效率，提供服务端与客户端配置与验证方法。
前端国际化i18n：多语言、日期/数字与RTL支持
以 Locale 与格式化为核心，完善多语言文本、日期/数字与 RTL 布局支持，保障全球用户体验。
前端可访问性与可用性评估（ARIA、聚焦管理与验证）
使用ARIA语义与焦点管理实现键盘可达与读屏友好，结合评估工具与实测指标进行验证，提升交互可用性与一致性。
前端可访问性与 WCAG 实践（2025）
前端可访问性与 WCAG 实践（2025）可访问性让更多用户平等使用产品，并满足合规要求。一、语义与结构语义化：使用正确标签与层级结构，提升辅助技术可读性。ARIA：在必要时补充角色与状态，但避免过度使用。二、视觉与交互对比度：文本与背景对比度符合标准（如 4.5:1）。键盘导航：确保可聚焦与可操作
前端可访问性A11y规范与无障碍实践
以 WCAG 2.2 AA 为目标，实施语义化、ARIA与键盘/焦点策略，提供对比度与屏幕阅读器验证清单，提升可访问性基线。
"前端可观测性：Web Vitals、RUM 与错误监控"
"构建端到端前端可观测性体系，覆盖 Web Vitals 采集、RUM 上报与错误监控的落地实践。"
前端发布与回滚策略：蓝绿/金丝雀、CI/CD 与版本治理实践
构建安全高效的前端发布与回滚体系，采用蓝绿/金丝雀策略与 CI/CD 门禁，结合版本治理与快速回滚，提供可验证的稳定性与耗时指标
前端包体积治理（Tree Shaking、Code Split 与 SideEffects）
通过 Tree Shaking、按路由拆分与 SideEffects 标注优化包体积，结合构建分析与动态导入，提供可验证的治理方案。
