文章十几张图别一起加载，开个懒加载，打开速度从5秒直接降到1秒

新手文章里插了十几张图，一打开页面，所有图片一起加载，用户在顶部还没滑到底，下面的图片早就把带宽占满，打开慢的要死，其实开了图片懒加载，只有滑到图片位置才加载，速度直接快一倍。第一，首屏的图别做懒加载，用户一进来就要看到首屏banner，要是首屏图也懒加载，用户进来看到空白，体验特别差；第二，图片用原生的lazyload属性，不用写复杂的JS，现在浏览器都支持，加上属性就自动懒加载；第三，别把所有图片都设成加载原图，首屏图压缩完传，下面的图懒加载，带宽省一大半；第四，旧浏览器不支持的话，留个备用的加载图，别让图片位置留空白。

我之前博客文章里插了12张图，首页打开要5秒，开了图片懒加载，首屏图直接加载，下面的图滑到再加载，打开速度直接到1.2秒，用户根本感觉不到加载过程。很多新手觉得图片放上去就行，十几个图片同时加载，小站带宽根本扛不住，懒加载是个简单功能，加个属性就行，速度提升特别明显。