JavaScript JS延迟加载的方式有哪些
🌙
手机阅读
本文目录结构
问题
JS延迟加载的方式有哪些?
答案
当一个网站有很多js代码要加载，js代码放置的位置在一定程度上将会影像网页的加载速度；
- 延迟加载js代码
<script id=”my”></script>
<script>
setTimeout(document.getElementById('my').src='include/index.js',3000);//延时3秒
</script>
这样通过延迟加载js代码，给网页加载留出更多的时间！
- 让JS最后加载方案
这个牵涉到网页的加载顺序问题，
例如引入外部js脚本文件时，如果放入html的head中,则页面加载前该js脚本就会被加载入页面，
而放入body中，则会按照页面从上倒下的加载顺序来运行javascript的代码~~~
所以我们可以把js外部引入的文件放到页面底部，来让js最后引入，从而加快页面加载速度。
jquery的 $().ready(function) / window.onload；以及 DOMContentLoaded 都是一样的思路；
一般用第二种思路；
经典的总结: defer和async、动态创建DOM方式（创建script，插入到DOM中，加载完毕后callBack，用的最多）、按需异步载入js
更多面试题
如果你想了解更多的前端面试题，可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题，也有一些大公司的面试图，可以让你面试更加顺利。
| 面试题 | ||
|---|---|---|
| HTML | CSS | JavaScript |
| jQuery | Vue.js | React |
| 算法 | HTTP | Babel |
| BootStrap | Electron | Gulp |
| Node.js | 前端经验相关 | 前端综合 |
| Webpack | 微信小程序 | - |
这些题库还在更新中，如果你有不错的面试题库欢迎分享给我，我整理后放上来；人人为我，我为人人，互帮互助，共同提高，祝大家都拿到心仪的Offer！
