INP：让每次点击都得到及时反馈

掌握这些指标✅，意味着你的网页能更顺畅地满足用户需求，也更🎯容易获得搜索引擎的青睐

CLS：防止⭐页面布局突然“跳一下” 累积布局偏移（CLS）衡量的是页面在加载过程中可🎨见内容的意外移动

Lighthouse 提供实验室环境下的分数和建🔑议，适合开发迭代期快速验证

从优化到习惯：将指标意识融入工作流

要优化这一指标，可以尝试以下方法： 优化图片资源 ：使用现代格式（如WebP），并确保图片尺寸与显示区域匹配，避免加载过大的原图

解决方法包括： 为所有图片和视频元素明确设置 width 和 height 属性，让浏览器提前分配空间

更好的方式是将这些检查点嵌入到日常开发流程中：比如在代码提交前自动运行性能测试，或在页面模板中加入尺寸属性校验