IndexedDB 性能优化与事务实践
总结 IndexedDB 的版本升级、事务模型与索引优化，给出游标与批量操作实践，提升浏览器端数据存取性能。
优化
WritableStream 背压与 OPFS 持久化性能优化
`title: WritableStream 背压与 OPFS 持久化性能优化``categories: Web 开发/前端/数据管理``keywords: WritableStream,背压,OPFS,性能,流``description: 理解 WritableStream 的背压机制并在写入 O
CSS Content-Visibility 首屏渲染与列表性能优化
利用 content-visibility 跳过不可见内容的渲染并结合 contain-intrinsic-size 预占位，显著优化大列表与长文档的性能。
关键 CSS 实践：降低渲染阻塞与优化首屏
"总结关键渲染路径中 CSS 的阻塞特性与优化方法，包含媒体查询拆分、按需加载与关键 CSS 抽取，并附参考与验证。"
前端图片优化（AVIF_WebP 与响应式）
采用AVIF/WebP与响应式图片策略，通过`picture`与`srcset/sizes`及按需协商提升首屏与带宽效率，提供服务端与客户端配置与验证方法。
前端图片优化：AVIF 与 WebP 的取舍与落地
"结合压缩效率、画质与兼容性，评估 AVIF 与 WebP 的取舍，并提供对 LCP 的影响与工程化落地建议。"
前端图片优化：AVIF、WebP、Responsive 与懒加载
"通过现代图片格式、响应式资源与懒加载优化首屏与交互性能，提供可直接使用的标签示例。"
图片管线优化：createImageBitmap 与 OffscreenCanvas 的协作
"总结 createImageBitmap 的并行解码能力与在 Worker 中结合 OffscreenCanvas 的绘制管线优化，减少主线程阻塞并提升图像处理性能。"
