网站慢，十有八九是图片和视频拖累的。好消息是，绝大多数优化不需要动设计稿，只改技术处理方式。
一、压缩与合适尺寸
最常见的浪费是「用小框显示大图」。一张几千像素宽的图片缩到几百像素展示，多出来的体积纯属浪费。按实际显示尺寸出图，再做一次压缩，体积常常能减少一半以上。
二、选用现代图片格式
新一代图片格式在同等画质下体积明显更小。对照片类内容收益尤其明显，同时保留兼容回退，兼顾老浏览器。
三、懒加载
首屏之外的图片，等用户滚动到附近再加载。这样首屏只需加载少量资源，打开速度立刻改善。注意首屏内的关键图不要懒加载，否则会反过来拖慢可见内容。
四、视频不要自动播放
自动播放的视频会占用大量带宽，尤其在移动端。改为封面图加播放按钮，用户点击再加载，既省流量又提升速度。如果确需自动播放，务必静音并只在进入视口时加载。
五、减少阻塞资源
页面顶部的脚本和样式会阻塞渲染。把非关键的脚本延后加载，把首屏用不到的样式拆分，能让页面更早地显示出来。
六、开启缓存与压缩传输
静态资源设置合理的缓存策略，重复访问时就不再重新下载；传输时开启压缩，文本类资源体积能减少大半。
怎么验证效果
优化前后各测一次移动端的加载时间与资源体积，对比数据。优先处理体积最大的那几张图和那段视频——收益通常集中在这里。做到这几点，在不改任何设计的前提下，提速一半是很现实的目标。