图片站打开慢就怪带宽？加个简单懒加载，首页加载时间直接从8秒降到2秒

新手做内容站，一篇文章配十几张大图，打开首页一下子加载所有图，小带宽服务器直接卡死，用户半天才看到页面内容。其实加个简单的图片懒加载，页面打开速度立刻就快一倍。第一，首屏的图片别做懒加载，比如首屏的banner图、第一张封面图，用户一进来就要看，懒加载了反而图片晚出来；第二，所有首屏下面的图片，用原生loading=lazy属性，不用引第三方JS库，浏览器原生就支持，用户滚动到图片位置的时候才开始加载，省流量还快；第三，图片的alt标签要填对，图片没加载出来的时候，也能看到图片内容，还利于SEO；第四，别把小图标也做懒加载，十几个小图标加起来才几十K，懒加载反而多了判断逻辑，小图标直接一起加载就行。

我之前的博客，一篇文章配8张高清图，打开首页要8秒，做了懒加载之后，打开速度直接到2秒，用户停留时间涨了三倍。很多新手做图片站，觉得把图片压缩小就行，其实十几张高清图一次性加载，不管服务器带宽多好，移动端用户都要等半天。懒加载是特别简单的优化，一行代码就能实现，用户体验提升特别明显，花十分钟就能给整个站加上。