# yyds干货盘点 # 一篇文章带你搞定JavaScript 性能调优

# yyds干货盘点 # 一篇文章带你搞定JavaScript 性能调优

大家好，我是皮皮。

JavaScript 是单线程运行的，所以在在执行效率上并不是很高，随着用户体验的日益重视，前端性能对用户体验的影响备受关注，但由于性能问题相对复杂，接下来我们来了解下JavaScript如何提高性能；

从加载上优化：合理放置脚本位置

由于 JavaScript 的阻塞特性，在每一个​​

以上代码是一个简单的 html 界面，其中加载了两个 js 脚本文件和一个 css 样式文件，由于 js 的阻塞问题，当加载到 index-1.js 的时候，

其后面的内容将会被挂起等待，直到​​index-1.js​​ 加载、执行完毕，才会执行第二个脚本文件 ​​index-2.js​​，这个时候页面又将被挂起等待脚

本的加载和执行完成，一次类推，这样用户打开该界面的时候，界面内容会明显被延迟，我们就会看到一个空白的页面闪过，这种体验是

明显不好的，因此 我们应该尽量的让内容和样式先展示出来，将 js 文件放在  最后，以此来优化用户体验。如下所示:

这段代码展示了在 HTML 文档中放置​​

带有 defer 属性的​​