问优化图像
EN

Stack Overflow用户

提问于 2011-10-28 01:31:15

回答 1查看 117关注 0票数 1

在制作网页时，我注意到当我向表中添加更多行时，性能(客户端)会有很大的下降。我的表格中的每一行都由相同的4-5个不同的32x32图标(操作链接)和大约100个字符组成。当有10行时，网页运行得很流畅-滚动和jQuery动画都很流畅。现在我的表有了100+行(不能选择分页)，动画真的很慢很粗糙。

有没有办法不是优化图像本身，而是优化代码，以提高性能？

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

回答已采纳

发布于 2011-10-28 01:51:18

如果图像是问题所在，很可能是因为客户端正在尝试重新下载每一行的图像，即使图像很小，效率也非常低。您可以使用诸如Fiddler之类的工具来测试这一点是否正确，方法是检查每次重新加载页面时是否收到一大堆相同的请求。

如果这就是问题所在，请查看CSS sprites。使用此方法，您可以向客户端提供一张图像，这张图像将用于渲染所有行上的所有图标。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/7919935

复制

相似问题

问优化图像EN