谷歌刚发了I/O大会的新消息，说要优化网页性能指标。说白了就是网站得跑得快、不闪屏、不卡顿。这回他们给了一堆实操建议，像图片加载啊、代码优化啊这些。

先说加载最慢的那个元素，比如首页最大的图或者视频。70%网站的问题是图片没排好队。以前大家喜欢用懒加载或者CSS背景图，其实这样反而拖慢速度。最好的办法是直接用标签放HTML里，让浏览器早点发现它。要是图片还是加载慢，可以用个叫fetchpriority的新属性，给关键资源排到最前面。像Angular和WordPress已经有内置插件支持这个功能。

CDN这事很多人没重视。现在只有三分之一的人用CDN传HTML文件。但把服务器搬到离用户近的地方，再配上缓存功能，能明显加速首屏打开速度。谷歌建议尽量选离用户近的服务器节点。

然后是页面跳动的问题。有四分之一网站跳动太频繁。解决方法很简单，给所有图片、视频明确写好宽高，就算动态加载也要留最小高度。比如用min-height撑住广告位，别让用户看到内容突然搬家。另外浏览器现在有个BF缓存功能，会记住上次访问的快照，下次回来直接恢复页面，这样广告或图片加载时不跳动。但要注意别让某些代码干扰缓存，比如cache-control头或者旧脚本。

动画也会影响跳动。以前用top、left属性做动画，容易导致布局乱动。现在改用transform的translate属性，直接在GPU层面处理动效，不影响其他元素位置。chrome开发者工具里能查哪里用了旧方法。

最后是点击反应速度。网站卡住不响应，很多时候是因为JavaScript任务太长。解决方法是打断大任务，中间加setTimeout空一下，给浏览器喘息机会。还可以直接砍掉不必要的JS代码。用Chrome的Coverage功能查没用的脚本，直接删了。页面改太多DOM元素也会变慢，能少改尽量少改，用CSS containment隔离区域。

谷歌还提到渲染更新不能太多。比如用requestAnimationFrame不要一次性塞太多计算。这些方法都能减少主线程压力，提升点击反应速度。

这些方法能慢慢改，从小地方开始。网站跑得流畅了，用户体验好了，自然没问题。就这样，该干啥干啥去。