码迷,mamicode.com
首页 > Web开发 > 详细

如何解决网站因图片过大加载慢的问题?

时间:2016-12-16 16:58:01      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:html   用户   加载   设置   简介   依次   图片   htm   html5   

图片过大加载慢?而不是图片太多加载慢?

 

首先要尽可能的压缩,看用户的忍受程度。jpg 可以用很多方法压缩,png 推荐使用 TinyPNG

工具(不过正文图片,显然要选择 jpg 格式的)。

 

然后

 

1,不太“在乎”用户体验的省事方法:

 

图片保存成渐进式的,加载会慢慢变清晰,而不是从上往下依次加载,然后放在 CDN,设置缓存之类。

 

2,比较“在乎”用户体验的高端方案:

 

判断用户的设备(主要用在移动端)、网络等,分别加载不同质量的图片(例如高端 iPhone wifi 情况下,就可以加载双倍高清图等,蜂窝网络下面,就加载个单倍或者有损压缩过的)。

 

或者先加载低质量的图片,让浏览者可以看到,然后再在后台加载更高清的,等加载完了,浏览者还在观看,就插入替换掉。

 

或者先加载低质量小图片列表,然后让用户点击,触发类似 fancybox 的效果,弹窗出现大图片。

 

或者利用资源预加载(三个 HTML5 不常见特性简介)当用户还没打开的时候,就开始加载。

如何解决网站因图片过大加载慢的问题?

标签:html   用户   加载   设置   简介   依次   图片   htm   html5   

原文地址:http://www.cnblogs.com/jymz/p/6187344.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!