javascript - 影响 Javascript 性能的因素

Question

我知道浏览器完成了处理客户端脚本(Javascript、JQuery 等)的所有工作，但想知道在性能方面是否还有其他重要因素(网络速度、客户端计算机速度、服务器环境)

如果它完全依赖于浏览器(类型和版本)，那么说第一次访问页面时速度较慢然后浏览器缓存 JS 文件/脚本并且从那时起它运行得更快是否正确？

谁能解释一下这一切是如何组合在一起的？

Answer 1

一切在某种程度上都是一个因素。

大多数脚本都是同步下载的，因此在脚本被缓存之前网络速度很重要。您可以在较新的浏览器中在某种程度上减轻这种情况，只要您的脚本不会在加载时修改 DOM(document.write()...)并且其他脚本不需要在页面上，但在浏览器可以考虑加载页面之前仍然必须下载它们。缩小您的脚本可以帮助它们更快地在网络上传输，并且配置您的服务器为它们提供 gzip 压缩的服务可以提供更多帮助......但是一旦缓存，这就不是那么重要了。

客户端电脑的速度直接影响浏览器——脚本执行环境的速度。快速的浏览器仍然会在快速的计算机上更快地运行脚本。

一个快速的浏览器 VM 可以产生巨大的不同:当前的 JavaScript 执行环境具有非常不同的性能特征。浏览器在不同的领域可能会更快或更慢:一个快速的 VM 加上一个慢速的 DOM 将快速运行脚本，直到它们开始对页面进行重大修改；具有较慢 VM 的快速 DOM 将一直运行，直到脚本尝试执行一些重要的处理。一旦脚本被缓存，这些浏览器性能特征就变得更加重要 - 只有当网络速度最初是一个明显的瓶颈时，你的“缓存后更快”的假设才成立。

服务器必须及时响应对它发出的任何请求。如果脚本在服务器上等待响应查询慢速数据库或执行其他繁重的服务器端处理的 AJAX 请求，则快速脚本 VM 无关紧要。如果服务器对请求的响应速度很慢，那么快速的网络连接对于少量数据或脚本来说无关紧要。

---

进一步阅读:

• JavaScript Performance Evaluation
• How do you measure page load speed?
• Yslow alternatives - Optimisations for small websites