出现这个问题的时候, 首先要反问自己一句 "what? 为什么加载会慢?"先找出问题, 才能解决问题 F12 > Network.
1.优化图片格式 [ shattered.png (135KB), osx_main.png (746 KB) ... ]它们不是 Alpha通道的图片 为什么要用无损的PNG格式.
2.优化图片尺寸 [ ios7_main.jpg (99.7 KB) ... ]需要多大就加载多大, 别有事没事的在首页放HD高清图.对于Retina屏, 资源图片使用CSS判断加载 / 文章图片尽量使用 Retina.js 或者判断用户头.
3.优化图片大小 [ osx_main.png (746 KB) ... ]图片先压缩, 或者上传后服务器处理.
4.优化加载 [ GET√ ]在页面图片较多时, 延迟加载是十分明智的. 在实际应用中能够减少 60% 流量.
5.缓存 [ GET 1/2? ]像这种展示类更新不频繁的网站, 直接 max-age=31536000.