js的加载渲染顺序比较明确了,如果没有async和defer都是阻塞加载和渲染的,但是对于css的加载感觉网上说什么的都有,看得一头雾水。
因此想请教:使用<link>加载多个外部css文件:
是同步加载吗?
渲染顺序是边加载边渲染还是全部加载完才渲染?
(不考虑@import)
js的加载渲染顺序比较明确了,如果没有async和defer都是阻塞加载和渲染的,但是对于css的加载感觉网上说什么的都有,看得一头雾水。
因此想请教:使用<link>加载多个外部css文件:
是同步加载吗?
渲染顺序是边加载边渲染还是全部加载完才渲染?
(不考虑@import)
3 回答5.2k 阅读✓ 已解决
5 回答2k 阅读
2 回答1.9k 阅读✓ 已解决
1 回答3k 阅读✓ 已解决
3 回答2.5k 阅读
2 回答1k 阅读✓ 已解决
2 回答2.2k 阅读
样式不会阻塞的,因为样式不会改变dom结构,所以是边加载边渲染以构建CSSOM树,但是有一个可能会因为样式表加载不完全阻塞js,比如js中要读取某css文件内属性,这个时候可能会阻塞js执行,只是处理方式各个浏览器可能不同