现代图片编解码与图像管线优化：AVIF/WebP、响应式图片与CDN变换
构建现代图片管线，从编解码（AVIF/WebP）到响应式加载与 CDN 变换，结合懒加载与优先级控制，给出可验证的字节减少与渲染指标
管线
"浏览器端压缩与解压：CompressionStream/DecompressionStream 管线实践"
"介绍 CompressionStream/DecompressionStream 在浏览器端进行 gzip/deflate 压缩与解压的用法，说明与 Fetch/Streams 的管线集成与性能注意。"
WebGPU：计算与渲染管线基础
使用 WebGPU 构建基础渲染与计算管线，包括适配器/设备获取、WGSL 着色器、管线配置与命令提交，并给出兼容与性能建议。
"WebCodecs 音频编解码：AudioDecoder 与 AudioEncoder 管线"
"介绍 WebCodecs 的音频编解码接口，演示解码帧到 PCM、编码帧输出、与 AudioWorklet/MSE/WebRTC 的协作与取舍，提供示例与验证。"
WebCodecs 视频解码/编码管线实践
介绍 WebCodecs 的解码/编码管线与常见模式，结合 Canvas/OffscreenCanvas 实现高效视频处理与实时特效。
WebCodecs 视频编解码：VideoDecoder 与 VideoEncoder 管线
使用 WebCodecs 的 VideoDecoder/Encoder 管线进行高性能视频编解码，适配播放器与录制场景，包含帧处理与资源治理建议。
"WebCodecs 实战：视频解码编码与帧管线优化"
"介绍 WebCodecs 的解码与编码基础用法、硬件加速偏好与内存管理，结合画布管线与与 MSE/WebRTC 的协作与取舍，给出可运行的示例与验证参考。"
"图片管线优化：createImageBitmap 与 OffscreenCanvas 的协作"
"总结 createImageBitmap 的并行解码能力与在 Worker 中结合 OffscreenCanvas 的绘制管线优化，减少主线程阻塞并提升图像处理性能。"
"WebRTC Insertable Streams：端到端加密与处理管线"
"说明 WebRTC Insertable Streams 的编码帧处理模型、端到端加密与媒体处理示例、兼容回退与性能注意事项。"
WebGPU 计算管线：ComputePass 与 StorageBuffer
构建 WebGPU 计算管线并使用存储缓冲在 GPU 上进行并行计算，包含 WGSL compute 着色器与命令提交流程。
