新京报
减少服务器响应时间(TTFB) :启用CDN(内容分发网络)缓存静态资源,并配置合理的缓存有效期(如30天)
CLS(累积布局偏移)优化:避免页面元素意外跳动 CLS评估页面在加载过程中内容的视觉稳定性,建议保持低于0
针对CLS的优化方法包括: 为所有图片和视频设置固定尺寸 :在 <img> 标签中明确指定 width 和 height ,或通过CSS设置 aspect-ratio 属性,确保占位空间在资源加载前已预留
FID(首次输入延迟)优化:让页面快速响应用户操作 FID反映用户首次与页面交互(如点击链接、按钮)到浏览器响应的延迟时间,目标为小于100毫秒