在页面上多次引用单个图像文件会影响性能吗？

Posted 2023-03-06

【中文标题】在页面上多次引用单个图像文件会影响性能吗？

【英文标题】：Does referring single image file many times on a page impacts performance?

【发布时间】：2017-02-19 13:31:52

【问题描述】：

我在后面的 C# 代码中的 ASP.NET 页面上的网格中引用一个图像图标 100 次。 这是正确的方法还是使用 CSS sprite 和 Css 类并渲染图像更好？ 哪一个比另一个更受欢迎，还有其他更好的方法吗？

【参考方案1】：

asp.net/c# 是服务器端语言，它将在服务器上执行代码，然后发送到用户浏览器

css 是客户端，因此它将在客户端浏览器上执行其任务，因此通过 css 使用 class 或 id 引用 img 始终是个好主意，您也可以使用 css sprites 来减少服务器请求

您还可以利用 IIS 中的浏览器缓存，因此下次用户无需下载该图像

【讨论】：

我将图像渲染为 CSS，现在看起来很干净。我会衡量是否有任何性能改进，并会尽快更新。