技术一：关键渲染路径压缩

使用现代图片格式 ：WebP或AVIF格式在同等质量下体积更小，可配合 &l💎t;picture> 标签做格式降级

技术四：预连接与预加载关键资源

字体按需加载 ：通过 font-display: swap 让文字先使用降级字体展示，待自定义字体下载完成后替换，消除字体阻塞

这对内容型站点尤其友好，百度搜索引擎也能够直接抓取到完整的页面结构，有利于SEO权重积累

技术三：图片与字体懒加载

通常做法包括： 内联首屏关键CSS ：将页面顶部可见区域所需的样式直接嵌入HTML头部，避免CSS文件加载带来的额外网络请求

文本资源如HTML、CSS、JavaScript应启用Gzip或Brot👍li压缩，通常能减🔥少60%以上体积