我正在制作一个展示各种产品的页面/应用程序。一个视图包含大约130个产品的阵容，由png图像表示的eash，大小从33Kb到150Kb不等。
可以使用用户滚动条或自定义控制器水平滚动阵容，当您悬停每个产品时，我使用som css-transistions淡出除了悬停的所有产品，并将其放大。
只要我保持图像倒计时，它在Safari和体面的Firefox中都非常流畅，而在Chrome中也是如此。但是我尝试添加的图像越多，滚动和转换逐渐变慢，直到几乎不可能合作为止。
这是chrome中的一些cache.problem吗？有什么方法吗？
我试图预装图像，但问题不在于图像的加载时间，而是由于图像数量庞大而导致的性能暂停。
答案 0 :(得分：2)
您可以将所有小图像合并到一个大图像中，并仅加载大图像，因此您只需要一个HTTP请求。要显示，您必须使用css设置每个图像的偏移（背景位置属性）。