JS脚本加载顺序及优化

页面渲染遇到script标签和src标签时会阻塞页面渲染,即使现代浏览器可以并行下载脚本和图片,也依然会对页面渲染形成阻碍。有以下几种方式可以加快页面的渲染:

1、在页面顶部只加载必要的少量脚本,把其余的脚本放到页面底部。这样顶部的少量脚本保证了页面初始化的逻辑可用,页面底部加载剩余的脚本时页面已渲染完,不影响用户使用

2、压缩js文件,减少下载的流量

3、合并js文件,一次把需要下载的js都下载下来,这样可以减少http等待时间

4、使用无阻塞加载方式加载脚本:

  (1)使用script 的 defer 属性

  (2)动态创建script元素来下载并执行代码

  (3)使用延迟加载的js代码延迟加载脚本

原文地址:https://www.cnblogs.com/lianjinzhe/p/12810225.html