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

网站建设知识 phpacg 2年前 (2018-04-24) 119次浏览 0个评论

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

首先要尽能够的紧缩,看用户的忍受水平。jpg 可以用很多方法紧缩,png 引荐运用 TinyPNG

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

然后

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

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

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

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

或许先加载低质量的图片,让阅读者可以看到,然后再在后台加载更高清的,等加载完了,阅读者还在观看,就拔出交流掉。

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

或许应用资源预加载(三个 HTML5 不罕见特性简介)当用户还没翻开的时分,就末尾加载。

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址