Next.js 图片优化与 AVIF/WebP 响应式实践
"以 Next.js 的图片优化为基础，结合 AVIF/WebP 与响应式策略，验证首屏与交互性能提升，并落地缓存与边缘分发方案。"
框架与平台
ONNX Runtime Web + WebGPU 前端推理性能优化实践
"以 ONNX Runtime Web 配合 WebGPU 在浏览器端进行模型推理，覆盖图像与文本模型的优化、量化与并行策略，并以真实基准验证性能收益。"
Speculation Rules Prerender 与 Prefetch 实战
"使用 Speculation Rules 配置 prerender 与 prefetch，在多路由内容站优化导航与首屏体验，并以真实 A/B 验证命中率与性能收益。"
CSS content-visibility 与 contain-intrinsic-size 首屏渲染优化实践
通过 content-visibility 与 contain-intrinsic-size 控制非视口内容的渲染成本与占位，降低首屏计算压力并提升核心性能指标（LCP/INP）。
Web Vitals RUM 实战：LCP/CLS/INP 采集与优化闭环
"以真实用户监控（RUM）采集 Web Vitals 的关键指标，建立从采集、分析到优化的闭环，提供代码示例与对比数据，落地高可信的性能治理。"
File Handling API 与 PWA 文件类型关联实践
基于 File Handling API 为已安装的 PWA 绑定文件类型，实现系统层面的文件打开与应用唤起，并确保权限与类型匹配的可靠性。
Web Crypto加密与隐私合规数据治理实践
"使用Web Crypto构建浏览器端加密与隐私合规治理，实践AES-GCM与RSA加密流程，并以真实指标验证加密延迟与安全边界。"
Web Streams 压缩管道：Gzip/Deflate 流式写入 OPFS
"构建基于 Web Streams 的压缩管道，将数据流实时压缩并写入 OPFS，降低存储与传输成本。"
Web Streams与Compression Streams大文件分片与压缩传输实践
"使用Web Streams与Compression Streams构建分片上传与压缩传输管线，在大文件场景中提升吞吐与稳定性，并以真实指标验证端到端延迟与带宽占用。"
Zstd WASM 压缩与浏览器端体积治理实践
"使用 Zstd WASM 在浏览器端进行高压缩比的数据压缩与解压，结合 OPFS 与分块策略降低体积与内存峰值，提供工程示例与验证数据。"
