字体加载与显示策略：font-display 与子集化
介绍字体加载的常见问题与解决策略，使用 `font-display` 选择最佳显示行为，并通过 WOFF2 与子集化降低体积与阻塞。
前端框架
声明式 Shadow DOM：SSR 友好的组件封装与样式隔离
"介绍 Declarative Shadow DOM 的语法与 SSR 友好特性，说明在服务端直出 Shadow 树与样式隔离的实践场景，以及可访问性与回退策略。"
Responsive 策略（2025）
图片优化与 AVIF/WebP/Responsive 策略（2025）图片占据页面体积的主导地位，优化能显著改善体验。一、格式与转换格式选型：优先 AVIF/WebP，提供回退到 JPEG/PNG。批量转换：在构建或上传阶段自动转换与压缩。二、响应式与懒加载响应式：`srcset/sizes` 提供
图像解码与稳定渲染：HTMLImageElement.decode 的应用
"解释 `HTMLImageElement.decode()` 的解码流程与渲染时机控制，说明避免布局偏移（CLS）与闪烁的应用场景，并给出工程建议与参考。"
响应式图片选择：picture/srcset/sizes 与 AVIF/WebP 回退
"介绍 `` 与 `srcset/sizes` 的协作，以设备与布局选择最优格式与尺寸，优先 AVIF/WebP 并为不支持的浏览器回退到 JPEG/PNG，提供示例与验证。"
匿名 iframe（credentialless）：跨源嵌入与隐私隔离
"说明匿名 iframe（credentialless）的行为：在跨源嵌入时不携带身份凭据（cookie/storage），配合 COEP 实现更安全的资源嵌入与隔离，提供示例与部署建议。"
动画性能选择：Web Animations API 与 CSS 的取舍
"比较 Web Animations API 与 CSS 动画/过渡的能力与性能差异，说明在控制力与合成层方面的取舍，并给出工程实践与参考。"
前端隐私事件采集与合规治理实战
构建合规的前端隐私事件采集方案，包含同意与退出机制、采样与去标识、PII脱敏与哈希、保留期策略与速率控制，附事件Schema与中间件示例。
前端资源优先级与预加载（preload/prefetch、fetchpriority 与 103 Early Hints）
通过 preload/prefetch 与 fetchpriority、103 Early Hints 提前宣告关键资源，优化首屏与交互性能，并提供验证方法。
