图片懒加载估计大部分站长都听说过这项技术,就是先让网页加载出来,让浏览器把其他的内容渲染出来,然后在访问的过程中加载图片,如果网站服务器速度比较快的话,这个技术没啥感觉,但如果服务器速度比较慢的时候,就能明显感觉到这个技术的优势了。
以前想让网站图片懒加载,都是通过JS来实现的,网上也有人写相应的代码或插件,有一些网站主题集成了懒加载的JS,其实从Chrome76开始(2019年发布),谷歌浏览器内核原生支持懒加载属性,直接在img标签里面加上【loading="lazy"】属性,浏览器会自动实现懒加载。
目前小哲博客的主题已经集成了该标签,如果网站服务器比较慢的情况,也可以快那么一点,比如切换到CF的时候,图片懒加载的优势一下子就能体现出来了,实现方法也比较简单,不用动太多代码,有需要的站长也可以在自己的主题里面加上该属性。