阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      JavaScript JS延迟加载的方式有哪些

      问题

      JS延迟加载的方式有哪些?

      答案

      当一个网站有很多js代码要加载,js代码放置的位置在一定程度上将会影像网页的加载速度;

      1. 延迟加载js代码
      <script id=”my”></script> 
      <script> 
        setTimeout(document.getElementById('my').src='include/index.js',3000);//延时3秒 
      </script> 
      

      这样通过延迟加载js代码,给网页加载留出更多的时间!

      1. 让JS最后加载方案

      这个牵涉到网页的加载顺序问题,

      例如引入外部js脚本文件时,如果放入html的head中,则页面加载前该js脚本就会被加载入页面,

      而放入body中,则会按照页面从上倒下的加载顺序来运行javascript的代码~~~

      所以我们可以把js外部引入的文件放到页面底部,来让js最后引入,从而加快页面加载速度。

      jquery的 $().ready(function) / window.onload;以及 DOMContentLoaded 都是一样的思路;

      一般用第二种思路;

      经典的总结: deferasync、动态创建DOM方式(创建script,插入到DOM中,加载完毕后callBack,用的最多)、按需异步载入js

      更多面试题

      如果你想了解更多的前端面试题,可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题,也有一些大公司的面试图,可以让你面试更加顺利。

      面试题
      HTMLCSSJavaScript
      jQueryVue.jsReact
      算法HTTPBabel
      BootStrapElectronGulp
      Node.js前端经验相关前端综合
      Webpack微信小程序-

      这些题库还在更新中,如果你有不错的面试题库欢迎分享给我,我整理后放上来;人人为我,我为人人,互帮互助,共同提高,祝大家都拿到心仪的Offer!

      目录
      目录