link和script的加载和阻塞问题


    link:link标签引入css资源时在火狐浏览器中是异步加载的,在谷歌浏览器中是同步加载的。但如果是通过style标签引入样式,则不论何种浏览器,均为同步加载。

    js:脚本可以通过添加 async 或 defer 的方式来开启异步下载,开启异步下载则不会阻塞页面渲染。

    但下载完成后,加 async 的脚本会立即执行,执行时会阻塞页面渲染;
    
    而加 defer的脚本会等样式、dom结构加载完成后才会执行,此时页面已经渲染完了。所以只有同步脚本和个别情况下加了 async的脚本会阻塞页面渲染。

文章作者: iamfugui
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 iamfugui !
评论