如何解决网站因图片过大加载慢的问题?
图片过大加载慢?而不是图片太多加载慢?
首先要尽可能的压缩,看用户的忍受程度。jpg 可以用很多方法压缩,png 推荐使用 TinyPNG
工具(不过正文图片,显然要选择 jpg 格式的)。
然后
1,不太“在乎”用户体验的省事方法:
图片保存成渐进式的,加载会慢慢变清晰,而不是从上往下依次加载,然后放在 CDN,设置缓存之类。
2,比较“在乎”用户体验的高端方案:
判断用户的设备(主要用在移动端)、网络等,分别加载不同质量的图片(例如高端 iPhone wifi 情况下,就可以加载双倍高清图等,蜂窝网络下面,就加载个单倍或者有损压缩过的)。
或者先加载低质量的图片,让浏览者可以看到,然后再在后台加载更高清的,等加载完了,浏览者还在观看,就插入替换掉。
或者先加载低质量小图片列表,然后让用户点击,触发类似 fancybox 的效果,弹窗出现大图片。
或者利用资源预加载(三个 HTML5 不常见特性简介)当用户还没打开的时候,就开始加载。
- 上一篇: 触屏版和WAP版网页的区别
- 下一篇: 如何提高网页设计水平
- 相关文章:
站长要了解自己的网站运营情况,就需要借助站长工具 (2022-2-22 19:20:56)
大家最好不要使用小主机商的产品,网站性能没有保障 (2022-2-22 19:12:1)
免费网站其实并不利于SEO优化 (2022-2-22 19:6:59)
谷歌浏览器将标记没有安装ssl的非HTTPS网站为不安全 (2022-2-22 16:16:24)
做网站的第一步就是为网站注册一个域名 (2018-8-16 18:22:49)
选择网站空间 (2018-6-4 16:2:18)
如何选择有利于网站的域名? (2018-6-4 15:19:50)
一年小站长网站成功的经验分享 (2015-12-14 17:14:0)
电子商务网站的首页怎么设计? (2015-12-14 17:6:28)
十个增加电子商务网站销售量的方法 (2015-11-5 19:48:6)
- 留言列表:
- 最新
- 热门
- 随机
- 搜索
-
- 日历
- 网站分类
-
- 最近发表
-
- 网站收藏
-
- Tags列表
-
- 图标汇集
-
- 友情链接
-