Envoy gRPC-Web 代理与跨域配置实战
使用 Envoy 将浏览器 gRPC-Web 请求代理到后端 gRPC 服务，配置 gRPC-Web 过滤器与 CORS。
web
WebCodecs 视频编解码：VideoDecoder 与 VideoEncoder 管线
使用 WebCodecs 的 VideoDecoder/Encoder 管线进行高性能视频编解码，适配播放器与录制场景，包含帧处理与资源治理建议。
WebCrypto 密钥封装与跨会话保存
使用 `wrapKey/unwrapKey` 对会话密钥进行封装与解封，结合 RSA-OAEP 或 AES-KW，实现跨会话的安全密钥保存与恢复。
WebCodecs 图像编解码：ImageDecoder 与 ImageEncoder
使用 WebCodecs 的 ImageDecoder/Encoder 进行高效图像编解码，适配大量图片处理与导出场景，含流式与内存治理建议。
Web缓存策略与CDN边缘优化实践
以 HTTP 缓存头与 CDN 边缘策略提升吞吐与体验，提供可验证配置与发布流程，确保缓存可控与高命中率。
WebCodecs 性能优化：硬件加速编解码与落地注意
"解释 WebCodecs 在浏览器端的高性能编解码能力与硬件加速优势，说明解码/编码管线、帧队列与回压控制，以及兼容性与安全注意。"
Web 字体优化：font-display、子集化与可变字体（Variable Fonts）实践
实施 Web 字体优化，从 font-display 与预加载到子集化与可变字体，系统化降低首屏阻塞与体积开销，并提供可验证的渲染与性能指标
Web 性能优化与 Core Web Vitals 实战
概述Core Web Vitals 是衡量真实用户体验的核心指标，分别针对加载速度（LCP）、交互响应（INP）和视觉稳定性（CLS）。本文提供从测量到优化的可执行方法，帮助团队建立持续的性能治理体系。已验证技术参数LCP 良好阈值 ≤ 2.5s；需要改善 2.5–4.0s；较差 >
Web 字体加载优化：font-display、preload 与子集化
"系统介绍 Web 字体加载的策略与取舍，结合 font-display 与 preload 的协作、子集化与中文场景的分包实践，并给出对 LCP 的影响与验证来源。"
PWA 安装信号：Web App Manifest 与可安装性条件
"总结 PWA 的可安装性信号与必要条件，包含 Manifest 字段、Service Worker、HTTPS 与图标规范，解释安装提示与用户体验注意，并附参考。"
