js延迟加载优化页面响应速度

网页打开速度是衡量网站性能的一个极为重要的指标,今天就来说说如何通过JS延迟加载的方式提高页面响应速度:

JS延迟加载的

含义:即等页面加载完成之后再加载 JavaScript 文件。
作用:JS延迟加载有助于提高页面加载速度。

途径:

1. defer 属性
HTML 4.01 为


4.使用jQuery的getScript()方法
  $.getScript("outer.js",function(){//回调函数,成功获取文件后执行的函数
    console.log("脚本加载完成")
  });

5.使用setTimeout延迟方法


6.让JS最后加载
  把js外部引入的文件放到页面底部,来让js最后引入,从而加快页面加载速度


最后:个人认为最后一种是最方便的啦,你觉得呢?


更多专业前端知识,请上 【猿2048】www.mk2048.com

你可能感兴趣的:(前端,js,优化,延迟,延时,加载,方法)