前10名JavaScript和JSON性能优化提示

JSON和JavaScript性能提示

这是十大JavaScript和JSON性能优化技术：

1. 减少现有事件的数量

2. 使用不要var

3. 缩小并组合

4. 不要重新发明JavaScript API

5. 在服务器上执行激烈的逻辑

6. 审阅和油门赛事处理程序

7. 懒负载的非关键资源

8. 缓存DOM查找

9. 为脚本使用异步加载

10. 配置并删除未使用的代码

如果您的网站很慢，并且您认为页面中嵌入的逻辑可能是原因，那么这些技术可以帮助用户加快速度。

1。减少现有事件的数量

一旦加载了HTML页面并应用了所有CSS选择器，就会触发现有事件。通常，这是开发人员将逻辑放置的地方，以初始化页面组件并启动各种JavaScript函数。随着时间的流逝，开发人员通常在不清理未使用的事件的情况下添加越来越多的事件。这种不必要的代码执行可以减慢页面加载和浪费CPU周期。

2。使用不要var

用VAR声明的变量在全球范围内进行了范围，并且在页面的生命周期中持续存在，不必要地消耗内存。使用让应用块范围，允许在不再需要时丢弃变量。这可以防止大型数据对象（例如AJAX响应或JSON数据）堵塞内存。

3。缩小并组合

链接到多个JavaScript文件可以阻止其他资源的下载。将它们组合成一个文件可减少HTTP请求，同时使用JSCompress（例如JSCompress）删除空格和不必要的字符以加快下载速度。

减少JavaScript文件大小的另一种简单方法是将最小化器应用于JSCompress。最小化器会剥离空格和不必要的文本元素，从而减小了JavaScript文件的大小。反过来，这优化了JavaScript文件的下载时间。将多个JavaScript文件组合到一个文件中，以减少传出网络连接的数量。

4。不要重新发明JavaScript API

JavaScript具有用于数组，字符串和对象的有效内置方法。使用这些而不是编写自定义循环或逻辑可确保您的代码受益于浏览器优化，并避免不必要的复杂性。

5。在服务器上执行激烈的逻辑

如果渲染数据需要大量计算，请考虑移动该处理服务器端。发送预计的HTML或JSON可减少客户的工作量，尤其是在低功率设备上，并改善用户的体验。

6。审阅和油门赛事处理程序

经常发生的事件，例如滚动，调整大小或Mousemove，每秒可能会触发数十个次功能。将这些事件汇总或油门，以限制相关功能运行的频率，从而提高响应能力。

7。懒惰的非关键资源

javaScript可以为折叠或辅助视图中的元素提供动力，不需要立即加载。仅在需要时加载这些脚本，这加快了页面的初始渲染。

8。缓存DOM查找

反复访问DOM是昂贵的。存储对元素的引用，您需要多次在变量中使用多次，而不是反复调用文档方法。

9。对脚本使用异步加载

将异步或递送添加到脚本标签中确保JavaScript文件不会阻止HTML解析。这可以显着改善用户感知的负载时间。

10。配置文件并删除未使用的代码

现代浏览器具有内置性能分析工具。使用它们来识别未使用的JavaScript或效率低下的功能，并删除或重构。减少解析和执行的代码意味着更快的性能。

JavaScript可以提供高度互动的网站，这些网站以HTML的方式积极地吸引用户。但是，参与度的提高级别带有性能成本，如果允许失控，可能会对网站的可用性产生负面影响。

如果您的网站很慢，并且相信页面中嵌入的逻辑可能是原因，则可以使用五个JavaScript性能优化提示，您可以使用以加快用户的速度。