前端可观测性：Web Vitals、RUM 与错误监控
"构建端到端前端可观测性体系，覆盖 Web Vitals 采集、RUM 上报与错误监控的落地实践。"
工程实践
前端可访问性A11y规范与无障碍实践
以 WCAG 2.2 AA 为目标，实施语义化、ARIA与键盘/焦点策略，提供对比度与屏幕阅读器验证清单，提升可访问性基线。
前端可访问性与 WCAG 实践（2025）
前端可访问性与 WCAG 实践（2025）可访问性让更多用户平等使用产品，并满足合规要求。一、语义与结构语义化：使用正确标签与层级结构，提升辅助技术可读性。ARIA：在必要时补充角色与状态，但避免过度使用。二、视觉与交互对比度：文本与背景对比度符合标准（如 4.5:1）。键盘导航：确保可聚焦与可操作
前端可访问性测试自动化：Axe、Playwright 与WCAG对齐实践
使用 Axe 与 Playwright 实施前端可访问性自动化测试，覆盖规则扫描、交互流程校验与CI门禁，提供可验证的对齐与覆盖指标
前端图片优化与Responsive Images与CDN实践
使用 Responsive Images 与现代格式（AVIF/WebP）、CDN 与懒加载优化图片加载，提供预加载与占位/骨架策略与验证方法，提升首屏与体验。
前端图片优化（AVIF_WebP 与响应式）
采用AVIF/WebP与响应式图片策略，通过`picture`与`srcset/sizes`及按需协商提升首屏与带宽效率，提供服务端与客户端配置与验证方法。
前端图片优化：AVIF/WebP与响应式图片治理
以新一代图片格式与响应式策略降低体积与提升体验，统一 `picture/srcset/sizes` 配置与回退路径。
前端图片优化：AVIF 与 WebP 的取舍与落地
"结合压缩效率、画质与兼容性，评估 AVIF 与 WebP 的取舍，并提供对 LCP 的影响与工程化落地建议。"
前端图片优化：AVIF、WebP、Responsive 与懒加载
"通过现代图片格式、响应式资源与懒加载优化首屏与交互性能，提供可直接使用的标签示例。"
前端图片懒加载与占位骨架优化（loading=lazy、IntersectionObserver 与验证）
通过原生懒加载与IntersectionObserver触发加载，配合占位骨架与低分辨率占位图，降低首屏体积与提升交互体验，并提供验证方法。
