页面渲染遇到script标签和src标签时会阻塞页面渲染,即使现代浏览器可以并行下载脚本和图片,也依然会对页面渲染形成阻碍。有以下几种方式可以加快页面的渲染:
1、在页面顶部只加载必要的少量脚本,把其余的脚本放到页面底部。这样顶部的少量脚本保证了页面初始化的逻辑可用,页面底部加载剩余的脚本时页面已渲染完,不影响用户使用
2、压缩js文件,减少下载的流量
3、合并js文件,一次把需要下载的js都下载下来,这样可以减少http等待时间
4、使用无阻塞加载方式加载脚本:
(1)使用script 的 defer 属性
(2)动态创建script元素来下载并执行代码
(3)使用延迟加载的js代码延迟加载脚本