前端可访问性与可用性评估（ARIA、聚焦管理与验证）
使用ARIA语义与焦点管理实现键盘可达与读屏友好，结合评估工具与实测指标进行验证，提升交互可用性与一致性。
前端
CSS Houdini Paint Worklet 自定义绘制：注册、性能与可维护性实践
使用 CSS Houdini Paint Worklet 实现可复用的自定义绘制效果（如条纹、波纹、占位骨架），结合性能与维护策略，并提供经验证的帧率与交互指标。
前端性能预算与自动化守门（Performance Budget、Lighthouse CI、阈值）
建立前端性能预算并在 CI 中自动守门，设置体积与指标阈值，通过 Lighthouse CI 与构建分析实现可验证的质量保障。
前端 SSR 与边缘渲染策略（2025）
前端 SSR 与边缘渲染策略（2025）SSR 与边缘渲染能显著改善首屏体验，但需控制复杂度与缓存一致性。一、渲染模式SSR：服务端输出 HTML；客户端进行 Hydration。Streaming：分块流式输出，提升可感知速度。二、边缘与缓存Edge 渲染：在边缘节点渲染，降低网络时延。缓存：结合
前端性能优化 Vite 与动态导入最佳实践
结合 Vite 的构建特性与浏览器加载机制，系统化实施代码分割与依赖瘦身，降低首屏体积与交互延迟。
原生懒加载图片与 iframe：loading 与 decoding 协同实践
使用原生 loading="lazy" 与 decoding="async" 协同治理图片与 iframe 的懒加载，减少带宽占用与阻塞，附经验证的 LCP/INP 指标与回退策略。
WebSocket 心跳与退避重连：稳定性治理与指标验证
为 WebSocket 连接实现心跳检测与指数退避重连，提升弱网与断网场景的稳定性，并提供经验证的成功率与延迟指标。
Web字体优化：子集化、预加载与font-display
通过字体子集化、预加载与显示策略优化首屏与文本渲染体验，降低资源体积与闪烁。
CSS渲染优化：content-visibility与contain实践
通过 `content-visibility` 与 `contain` 控制渲染边界与可见区域，提高复杂页面的滚动与渲染性能。
