Javascript是手机和web应用开发中的常用语言。随着Javascript的流行，为了提高应用程序的性能，对其进行优化变得越来越必要。让我们认识到一些与Javascript相关的挑战，以及如何优化js的性能。
典型的js性能挑战
有许多因素会影响Javascript的性能。以下是与js性能相关的常见问题。
事件处理质量差。
使用正确的事件处理程序可以通过减少调用堆栈的深度来提高Javascript的性能。
跟踪所有事件处理程序是很重要的，这样处理程序就不会在您不知情的情况下被执行。
无组织代码
Javascript比较松散，有利有弊。
构建的词汇表分子集允许开发者实现许多功能。然而，代码中缺乏组织可能会导致资源分配不足。
这在很大程度上阻碍了Javascript的性能。理解ECMA对于理解Javascript非常重要。
过于依赖
有时，Javascript依赖关系管理不善或过度。当这种情况发生时，应用程序的性能将受到负面影响。
例如，带宽有限的移动用户将不得不等待更长时间来渲染对象。
低效迭代
迭代过程需要很长时间。然而，这也是有益的。漫长的处理时间为Javascript优化创造了一个完美的起点。当您修复代码中不相关的调用或循环时，您的Javascript性能将会大大提高。
Js性能优化建议
剪裁HTML
Javascript很复杂，在查询时间、查询和修改DOM对象方面起着至关重要的作用。
当你把你的应用程序的HTML切成两半的时候，DOM的速度可能会翻倍。这可能很困难，但是通过丢弃像和这样的标签，这是可能的。
批量DOM更改
批量转换DOM，防止屏幕重复渲染。创建样式更改时，请一次完成所有更改，而不是将更改分别应用到每个样式。
学习异步编程的方法
Javascript应用程序需要对大量API进行多次内部调用来获取数据。
每个功能都需要中间件，因为Javascript是单线程的。
同步组件有时会锁定整个应用程序。使用Javascript async.js管理异步代码。
异步代码不会阻塞线程。相反，威胁将被强制进入事件队列，这将在其他代码执行后触发。
使用Javascript的异步特性，您可能会无意中使用外部库来恢复异步干扰调用。
这会降低Javascript的性能。相反，您应该在代码中使用异步api，尤其是在关键的性能部分。
使用gzip压缩
Javascript文件可能非常大。使用GZip解压和压缩文件。GZip减少了延迟，提高了应用程序性能，节省了带宽。使用GZip，服务器在将资源发送到浏览器之前对其进行压缩。
使用HTTP/2
HTTP的最新版本是HTTP/2，提高了Javascript的性能，加快了网站的运行速度。
HTTP/2使用多路复用来允许同时发送多个响应和请求。
缓冲DOM
如果有一个可滚动的P，您可以使用一个缓冲区来清除当前在视口中不可见的DOM项。这些技术节省了DOM遍历和内存使用。
限制库依赖关系
加载时间会影响库的依赖性，因此将利用率保持在最低是很重要的。
利用外部库依赖的最佳方式是依靠浏览器内技术。
使用CSS选择器时，使用Sizzle.js而不是jQuery。当库包含单个特性时，单独添加CSS选择器是非常必要的。
保持代码简洁。
保持Javascript代码紧凑将减少延迟并提高性能。优化Javascript性能时，问问自己:
这个模块真的有需求吗？
使用这个框架的原因是什么？
代价值得吗？
有更简单的方法吗？
通过将多个JS文件转换成一个文件来优化Javascript性能。
最后
如果对你有帮助，希望你能给我三次评论收藏！
博主很诚实，免费回答问题。
————————————————
版权声明:本文为CSDN博主“前端老实人”原创文章，遵循CC 4.0 BY-SA版权协议。转载请附上原出处链接和本声明。
原文链接:file/tupian/20220929/weixin _ 52691965/文章/详情/122063275
