Web 资源加载深度优化：图片、字体、视频、缓存与 CDN
系统性 Web 资源加载优化策略：图片格式选型（AVIF/WebP/JPEG XL）、响应式图片（srcset/sizes/picture）、懒加载（loading='lazy' + Intersection Observer）、字体加载策略（font-display/preload/subset）、视频与 iframe 懒加载、HTTP 缓存策略（Cache-Control/ETag/Last-Modified）、Service Worker 缓存、CDN 边缘加速与缓存规则、资源压缩（Brotli/Gzip）、HTTP/2 Server Push 替代方案（103 Early Hints/Preload）、关键渲染路径优化。