如何解决网站因图片过大加载慢的问题?
图片过大加载慢?而不是图片太多加载慢?
首先要尽能够的紧缩,看用户的忍受水平。jpg 可以用很多方法紧缩,png 引荐运用 TinyPNG
工具(不过注释图片,显然要选择 jpg 格式的)。
然后
1,不太“在乎”用户体验的省事方法:
图片保管成渐进式的,加载会渐突变明晰,而不是从上往下依次加载,然后放在 CDN,设置缓存之类。
2,比拟“在乎”用户体验的高端方案:
判别用户的设备(主要用在移动端)、网络等,区分加载不同质量的图片(例如高端 iPhone wifi 状况下,就可以加载双倍高清图等,蜂窝网络下面,就加载个单倍或许有损紧缩过的)。
或许先加载低质量的图片,让阅读者可以看到,然后再在后台加载更高清的,等加载完了,阅读者还在观看,就拔出交流掉。
或许先加载低质量小图片列表,然后让用户点击,触发相似 fancybox 的效果,弹窗出现大图片。
或许应用资源预加载(三个 HTML5 不罕见特性简介)当用户还没翻开的时分,就末尾加载。