我非常了解如何优化图像的一些方法(比如使用sprite或smushit.com)。但是,如果正在加载的图像来自用户(动态)怎么办?意思是我们不能将它变成精灵或事先对它进行优化。
例如,在页面上,正在加载大约20个用户头像以及一些其他用户上传的照片缩略图。一些用户上传的头像可能介于20KB-150KB之间,这会大大减慢页面加载速度
答案 0 :(得分:1)
您可以使用!YSlow - 一种可以帮助您最小化页面加载时间的工具。这些是它使用的规则:
答案 1 :(得分:1)
一种可能的方法是延迟加载图像,即仅在用户的viewport 中加载图像(并在用户滚动页面时连续加载图像)。当然,如果图像的很大一部分是below the fold,那么这只会带来好处。
存在一堆自动延迟加载图像的插件 - 可能也适用于您使用的JS框架。快速搜索可以帮助您。