上百张图片的网页优化

Question

我有一个创建单页面网站的网络平台。有大量的图像和背景(100-400)。正如你可以猜到的那样，它的加载速度非常慢(如果浏览器缓存被禁用)。这些页面主要是促销材料，因此它们通常只会打开一次(因此浏览器缓存不起作用)。

我没有太多访问前端的权限，而且它不是一个页面，而是一个生成内容的平台，所以我需要某种服务器解决方案。

懒惰加载是不可能的，我们有一些自定义延迟加载的一半的图像。

我们在生产上使用CDN* server，但效果不是很好(至少对单个用户是这样)。

有没有一些通用的解决方案配置来帮助解决这种情况？

就像apache的优化一样，将图像放在优先级，在一个(几个)请求中压缩所有图像。

Answer 1

如果(进一步？)延迟加载是不可能的，您可以将图像行捆绑到单个图像中作为sprites使用，并使用CSS background和background-position属性显示它们。

这将减少所需的下载次数，但需要服务器端更多的处理和存储空间。