优化图像

Question

在创建网页时，我注意到当我向表中添加更多行时，性能（客户端）大幅下降。我表格中的每一行都包含相同的4-5个不同的32x32图标（指向操作的链接）和大约100个字符。当有10行时，网页流畅地运行 - 滚动和jQuery动画很流畅。现在我的桌子有100多行（分页不是一个选项），动画真的很慢而粗糙 有没有办法优化图像本身，而不是代码，以提高性能？

现在我的标签中有图像。如果我将它们改为背景图像会有什么不同吗？浏览器的负载会减少吗？

Answer 1

如果图像是问题，很可能是因为客户端正在尝试重新下载每行的图像，即使图像很小，这也是非常低效的。您可以通过检查每次重新加载页面时是否收到大量相同的请求来测试Fiddler等工具是否属实。

如果这是问题，请查看CSS sprites。使用此方法，您可以将1个图像传送到客户端，这个图像将用于渲染所有行上的所有图标。