前端体验优化之渐进式图片

文章预览

点击上方  程序员成长指北 ，关注公众号 回复 1 ，加入高级Node交流群 前言 关于前端的性能及体验问题，图片的加载绝对是重中之重，尤其是在一些有着许多大图的页面，在网络不稳定或稍慢的时候，我们经常能够看到页面中图片的位置是一片空白，等图片加载完成才开始慢慢渲染，在这段时间对用户的体验其实是非常不友好的。 那么我们应该如何来进行优化呢？ 大家想说的是不是：把图片压缩一下不就好了？是的，图片压缩是我们前端开发过程必备的一步，但是光靠图片压缩并不能解决所有的图片体验问题，有些图片本身就比较大，内容质量都比较高，此时压缩图片带来的加载性能提升似乎就没有那么明显了，这时候我们就可能需要使用一些技巧来进行优化了。 background-image 之前在需求中有使用过 background-image 来进行优化，先来看看效果： ………………………………