一个页面上有大量的图片(大型电商网站),加载很慢,你有哪些方法优化这些图片的加载,给用户更好的体验。
来源:互联网 发布:淘宝图片保护怎么破解 编辑:程序博客网 时间:2024/05/18 00:52
图片懒加载,在页面上的未可视区域可以添加一个滚动条事件,判断图片位置与浏览器顶端的距离与页面的距离,如果前者小于后者,优先加载。
如果为幻灯片、相册等,可以使用图片预加载技术,将当前展示图片的前一张和后一张优先下载。
如果图片为css图片,可以使用CSSsprite,SVGsprite,Iconfont、Base64等技术。
如果图片过大,可以使用特殊编码的图片,加载时会先加载一张压缩的特别厉害的缩略图,以提高用户体验。
如果图片展示区域小于图片的真实大小,则因在服务器端根据业务需要先行进行图片压缩,图片压缩后大小与展示一致。
阅读全文
0 0
- 一个页面上有大量的图片(大型电商网站),加载很慢,你有哪些方法优化这些图片的加载,给用户更好的体验。
- 页面优化的方法有哪些?
- 你有哪些性能优化的方法?
- 有哪些高质量的图片网站(社区)推荐?
- 大量网络图片列表的异步加载和内存优化
- RunLoop优化加载大量图片的卡顿问题
- 优化图片的加载
- 网络营销给网站SEO优化带来的帮助有哪些?你知道吗
- 利用简洁的图片预加载组件提升h5移动页面的用户体验
- 网站如何解决图片过大加载慢的问题?
- 网站如何解决图片过大加载慢的问题?
- .Net有哪些大型项目、大型网站的案例?
- .Net有哪些大型项目、大型网站的案例?
- Android 图片的异步加载(有缓存机制)
- 网站图片优化技巧有哪些
- android 加载图片本地有缓存,如何实时更新服务器上修改的图片
- 优化网站的速度的方法有哪些
- listView加载大量图片的内存管理
- 习题7-7 埃及分数(Eg[y]ptian Fractions (HARD version), Rujia Liu's Present 6, UVa 12558)
- css中position元素
- Linux 防火墙配置
- blender里不认识的单词(2)
- caffe源码阅读遇到的问题
- 一个页面上有大量的图片(大型电商网站),加载很慢,你有哪些方法优化这些图片的加载,给用户更好的体验。
- 可以使用USB2.0接口进行全双工通讯么,双方都可以主动发送么?
- JQuery_基础
- JAVA知识点概述
- 371. Sum of Two Integers
- 矩阵乘以它的转置
- 5、ModelAndView——处理模型数据
- OC学习篇之---类的初始化方法和点语法的使用
- 从零开始前端学习[52]:js中的数据类型以及没有数据类型的数据类型typeof