接下来,让我们看看如何通过七个实用技巧来提高JavaScript代码的性能。1.删除未使用的JavaScript代码提高JavaScript性能的一种可靠方法是减少它。无情地删除未使用的代码。如果您检测到给定函数已过时,请将其删除,这将缩短下载时间,因为文件大小会更小,浏览器分析代码的时间也会更少。2.使用Gzip压缩想象一下,您的Web服务器可以发送一个压缩文件以使其更轻,而不是向浏览器发送一个大文件,这样,浏览器将更快地完成文件下载。一旦浏览器收到压缩文件,它就可以提取文件并像往常一样使用它,嗯,这正是Gzip的用途!Gzip是一种用于压缩文件的应用程序,大多数Web服务器都支持它。当您的服务器正确配置为提供压缩内容时,它会在将响应发送到浏览器之前对其进行压缩。使用Gzip不仅可以压缩JavaScript文件,还可以压缩HTML和CSS,这将提高应用程序的性能。3.最小化DOM交互DOM(动态对象模型)是表示Web文档结构的接口。与DOM的交互显然在JavaScript中非常普遍,因为该语言的主要用例之一是操纵页面上的元素以创建比单独使用HTML更丰富的用户体验。问题在于DOM更改会导致性能下降,因为它们会导致浏览器回流。该怎么办?您不能简单地消除DOM交互-这首先违背了使用JavaScript的目的之一。最好的办法是将DOM交互保持在最低限度。执行此操作的方法之一是批处理DOM更改,这样您就可以避免不必要的回流。另一个有用的技术是缓存DOM元素,这意味着存储对经常访问的元素的引用,并在将来再次访问同一对象时使用该引用,通过这样做,您可以获得显着的性能提升。4.切换到HTTP/2这个技巧不是特定于JavaScript的指南,而是一个通用的web性能技巧并且易于理解。它只是说你应该使用HTTP/2而不是它的前身HTTP/1.1。HTTP/2使用多路复用,这意味着可以同时发送多个请求,其前身HTTP/1.1要求每个请求完成后才能开始下一个请求。新版HTTP的这一改进和其他改进将提高您网站的性能。5.延迟加载不必要的JavaScript延迟加载初始页面加载不需要的任何内容,并非所有功能在页面首次加载时都需要,例如,您可以延迟加载需要用户执行给定操作的功能。这样可以避免加载只会延迟页面初始加载和显示的JS代码,在浏览器加载页面后,您可以加载其他功能,以便在用户需要时准备就绪。为此,您可以使用将JavaScript分解成更小的文件并按需加载它们的方法。您还可以使用异步或延迟属性。6.使用适用于其他语言的性能改进策略在使用JavaScript时,没有什么可以阻止您应用其他语言中使用的性能优化。您仍然希望避免在循环内执行昂贵的任务或在不需要时依赖递归。此外,对已知问题使用最先进的算法。更好的是,尽可能使用原生JavaScript函数,因为在大多数情况下它们肯定会比原生代码执行得更好。目前开发的大多数应用程序都是Web应用程序,并且由于JavaScript是Web语言,因此优化JavaScript性能是一项值得努力的工作。
