如果您的网站速度很慢，并且您认为页面中嵌入的逻辑可能是原因，这里有五个JavaScript性能优化技巧，您可以使用它们来加快用户的速度。1.减少onReady事件的数量一旦加载了HTML页面并应用了所有CSS选择器，就会触发onReady事件。通常，这是开发人员放置初始化页面组件和启动各种JavaScript函数所需的逻辑的地方。然而，随着时间的推移，开发人员倾向于向页面添加越来越多的onReady事件。在故障排除例程中，通常会添加onReady事件来修复问题，但不会在问题解决后移除。其他时候，与给定Web组件关联的HTML已从页面中删除，但相应的onReady事件并未删除，导致冗余JavaScript不必要地消耗时钟周期。此外，onReady事件通常被编码到一个通用的JavaScript文件中，该文件在每次页面加载时运行，即使只有少数页面需要该函数。2.使用let而不是var当使用var关键字声明一个JavaScript变量时，它对整个页面是全局的，并在页面的整个生命周期中维护在内存中。但是，当使用let关键字声明变量时，块作用域适用。因此，该变量在块执行后从内存中删除。如果Ajax响应、JSON数据或XML等长文本字符串存储在全局变量中，浏览器会很快耗尽可寻址内存，这会严重影响页面性能。一个非常容易实现的JavaScript性能优化技巧是将代码中的每个var替换为let。3.缩小和合并如果你的网页链接到多个JavaScript库，一个快速简单的优化方法是将所有这些JavaScript库合并到一个文件中。在加载JavaScript时，它会阻止其他资源的下载，例如图像、JSON和CSS文件。而且由于浏览器允许连接到Internet的外部连接数量有限，如果您引用七个或八个外部JavaScript文件，则可以完全阻止下载可能用于呈现首屏显示内容的其他资源。通过将所有JavaScript合并到一个文件中，只使用一个外部连接，这样浏览器就可以同步下载其他资源。另一种减小JavaScript文件大小的简单方法是对它们应用JSCompress等压缩器。最小化器通过删除空格和不必要的文本元素来减小JavaScript文件的大小。反过来，这优化了JavaScript文件的下载时间。将多个JavaScript文件合并为一个以减少传出网络连接的数量。4.不要重新发明JavaScriptAPIJavaScript有几个内置的API，可以对集合或数组进行高效迭代。使用Array的原型构造函数，您可以使用类似lambda的语法将函数应用于列表中的所有项目或执行操作，例如排序或反转。这些内置方法非常高效，并由浏览器优化。然而，一些开发人员并不知道这些方法，而是编写迭代循环来实现相同的目的。无需自己重新发明这些功能方法。这不仅浪费时间，而且还会引入不必要的JavaScript性能问题。5.在服务器上执行密集逻辑。将计算操作卸载到客户端的能力是客户端计算的一个关键优势，但客户端渲染也会给动力不足的手持设备带来巨大的负担。例如，如果呈现图表或电子表格是计算密集型的，并且该计算导致JavaScript性能问题，请考虑将其移至服务器并将内容作为预先计算的HTML简单地交付给客户端。浏览器在显示静态HTML方面比在运行复杂的、占用大量内存的JavaScript函数方面效率更高。JavaScript是最终用户在访问您的网站时更好地参与和保留的关键，但开发人员应始终意识到涉及JavaScript时的性能影响。注意这五个JavaScript性能优化技巧，以帮助您的Web开发团队避免一些常见的网站性能陷阱。
