方法一:使用压缩软件对图片进行压缩
图片在线压缩
方法二:使用gulp打包之后进行自动化压缩
gulp自动化打包代码实现
方法三:使用sprites雪碧图(gulp可添加插件实现将图片打包成雪碧图)
方法四:仿淘宝实现图片的懒加载
淘宝懒加载的原理
正常图片加载实现为,淘宝在初始化的时候设置。这样在页面解析的时候,所有懒加载的图片在页面初始化的时候是不会下载的,当滑动条滚动到当前位置的时候,将data-src赋值给src属性.
下面的插件一个比较好的懒加载实现方式: lazyload.js
相关资源:maestro:面向懒惰软件开发人员的智能部署系统-其它代码类资源…
声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!