####1、降低图片的大小
我们的目的是降低图片的大小kb,网上有很多压缩图片的网站。
####2.减少HTTP的网络资源请求
CSSSprites(背景精灵图/雪碧图)
一种网页图片应用处理方式,将一个页面涉及到的所有零星图片或者图标都包含到一张大图里面,这样就只需要加载这个一个图片,而不是很多个图片了,这样就减少了很多http的请求
####3.字体图库
使用字体图库你不仅可以改变大小,而且还可以改变颜色(iconfont)[https://www.iconfont.cn/]
####4.图片延迟加载(懒惰加载)(lazyload.js)
如果页面中有很多图片需要加载,加载页面会变的很慢,懒加载方案就是应对这种情况。
只加载窗口内的图片,视口外的图片会在窗口滚动到它的位置时再进行加载,能有效的提高页面加载速度
网友评论