七、第六步：修复页面跳动
网页从2秒降到0.8秒，不仅要加载快，还要保证按钮和文字不会在用户点击前突然移动。
为图片、视频、广告区域和嵌入式模块设置明确尺寸，或者使用：
.product-image { aspect-ratio: 4 / 5; }Google建议网站为图片和视频设置width、height或aspect-ratio，从而让浏览器提前预留空间，减少CLS布局偏移。
八、第七步：延迟非必要脚本
评论系统、地图、在线聊天、热力图和视频播放器，不一定需要在首屏立即加载。
可以设置为：
用户滚动到对应位置后加载；
用户点击“播放视频”后加载播放器；
页面完成主要渲染后再加载统计代码；
非关键脚本使用defer或async；
删除已经停用的第三方代码。
过多JavaScript会占用浏览器主线程，导致按钮点击后不能立即响应。Google在INP优化指南中建议减少启动阶段的脚本执行和长任务，让主线程更快处理用户输入。
九、第八步：复测并寻找最后0.2秒
完成主要优化后，重新测试三类页面。如果已经从2秒下降到1秒左右，可以继续检查：
是否仍有首屏外部字体；
是否有重复图标库；
是否有多个统计工具；
是否有旧版CSS；
是否加载了不可见轮播图；
是否有第三方服务器响应过慢；
是否存在重定向。
百度搜索资源平台提出移动页面首屏内容应尽量在1秒内加载完成，并建议压缩资源、减少请求、懒加载非首屏图片以及避免脚本阻塞渲染。
十、上线后观察真实用户数据
实验室测试达到0.8秒，不代表所有真实用户都达到0.8秒。上线后仍要观察不同国家、设备、网络和页面的真实数据。
二格网络公司建议至少比较上线前后相同周期的数据，包括移动端跳出情况、产品页停留时间、表单完成率、购物车点击率和核心页面的真实用户性能数据。
结语
从2秒降到0.8秒的核心，不是牺牲视觉效果，而是让视觉效果服务于信息传递。好的样式表设计应该减少重复代码，好的设计趋势应该突出产品、服务和行动按钮，而不是让客户等待无意义的动画。
当网站能够快速显示核心产品、价格、优势和联系方式时，速度优化才真正产生商业价值。
