上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
真题12 为什么使用异步加载JS文件?异步加载方式有哪些?
【出现频率】★★☆☆☆ 【学习难度】★★☆☆☆
答案:普通加载JS的方式,也就是将<script>标签放到<head>中的做法,这样的加载方式叫作同步加载,或者叫阻塞加载,因为在加载JS脚本文件时,会阻塞浏览器解析HTML文档,等到下载并执行完毕之后,才会接着解析HTML文档。文件加载时间过长就产生性能问题,用户体验也非常不好。所以异步加载JS也是一种常见的网页性能优化的方式。
下面介绍几种异步加载方式。
1)通过给<script>标签设置defer属性,将脚本文件设置为延迟加载。
2)通过动态地创建<script>标签来实现异步加载JS文件。
3)将<script>标签放到<body>底部,这不是异步加载,只是一种优化方式。