网站图片太大具体会有什么影响？

Question

网站中避免不了会或多或少出现以下图片，png、jpg、gif等。

在做性能优化时通常会将图片做成雪碧图以减少http请求，尽量压缩图片的大小以减少加载时间。

那么图片太多、太大除了会延长加载时间导致用户体验不好之外，还会有其他什么影响吗？比如对服务器会有什么影响等等。。。

还有就是一个页面中的图片数量及大小在通常情况下应该保持在一个什么范围内才是最合适的？

Answer 1

图片大或者多都会让用户等待时间加长，没有一个标准说页面中的图片数量及大小在应该保持在一个什么范围，一切应该以用户的等待时间为标准，只要能在较快的时间打开网页就没有问题，一般可以认为超过3秒，就需要优化了。

Answer 2

你可以加载几个比较大的图片，然后打开控制台，将网络调到3g，将CPU 调到 4x slow down。

然后刷新页面。

你或许就知道了。

》 补充

很多文章也推荐使用有损的webp格式，大小会小很多。 但是IOS始终不支持这种格式，不过没关系，至少我们优化了很大一部分用户，不是吗？

说到保持图片大小这个问题，我们项目的建议尽量在是50k以内。 不过也仅仅是尽量，很多时候是很难把控的。