JavaScript阻塞及解决方法

57 阅读 0 评论 38 点赞

我是靠谱客的博主超级面包，最近开发中收集的这篇文章主要介绍JavaScript阻塞及解决方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

一、阻塞

出现原因是：JavaScript是单线程。

将script加载放在body的最后面，这样即使脚本之间阻塞了也不影响其他资源的加载，页面已经呈现出来，不至于显得很慢。将多个相关的JavaScript文件合并为一个JavaScript文件，减少脚本之间的阻塞。

<script src=""
async>
<script src=""
defer>

async是异步执行，defer是延迟加载，这两个只在外联script中起作用。
async：脚本相对于页面的其余部分异步地执行（当页面继续进行解析时，脚本将被执行）
defer：脚本将在页面完成解析时执行

动态脚本元素
《高性能JavaScript》中提到：当创建的script元素添加到页面后立刻开始下载。此技术的重点在于：无论在何处启动下载，文件的下载和运行都不会阻塞其他页面的处理过程。你甚至可以将这些代码放在部分而不会对其余部分的页面代码造成影响（除了用于下载文件的HTTP连接）

以上就是超级面包为你收集整理的JavaScript阻塞及解决方法的全部内容，希望文章能够帮你解决JavaScript阻塞及解决方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。