一个页面加载多js 影响性能吗

Posted 2023-05-18

有一定影响的，加载速度会慢。js过多既延长了用户的等待时间，又大量消耗cpu。而且放在页面的前面的话，会影响页面渲染造成用户体验很差，用户会感觉东西迟迟没有出来 。最好压缩一下js或者把多个 js 文件合成一个，尽量减少客户端与服务器的交互。 参考技术A 加载js不影响性能，只要你不是所有js里面的东西都要调用方法就行 参考技术B 用什么加载什么，比如你有一个js是100k大小的，你的用户每次看你的网页都要下载100K，如果是很多人同时访问，就是相当可观的下载量。 参考技术C 会，动作越多越卡。

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

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

【英文标题】：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，现在看起来很干净。我会衡量是否有任何性能改进，并会尽快更新。