link:link标签引入css资源时在火狐浏览器中是异步加载的,在谷歌浏览器中是同步加载的。但如果是通过style标签引入样式,则不论何种浏览器,均为同步加载。
js:脚本可以通过添加 async 或 defer 的方式来开启异步下载,开启异步下载则不会阻塞页面渲染。
但下载完成后,加 async 的脚本会立即执行,执行时会阻塞页面渲染;
而加 defer的脚本会等样式、dom结构加载完成后才会执行,此时页面已经渲染完了。所以只有同步脚本和个别情况下加了 async的脚本会阻塞页面渲染。
上一篇

2021-12-29
下一篇

2021-12-25