一个页面上有大量的图片(大型电商网站),加载很慢,你有哪些方法优化这些图片的加载,给用户更好的体验[性能优化]

a. 图片懒加载,滚动到相应位置才加载图片

b. 图片预加载,如果为幻灯片、相册等,将当前展示图片的前一张和后一张优先下载

c. 使用CSSsprite,SVGsprite,Iconfont、Base64等技术,如果图片为css图片的话

d. 如果图片过大,可以使用特殊编码的图片,加载时会先加载一张压缩的特别厉害的缩略图,以提高用户体验

posted @ 2021-01-07 13:45  nkandkn  阅读(322)  评论(0编辑  收藏  举报