CSS会阻塞DOM渲染,为什么有时候还会看到没有样式的页面,这个是浏览器做了什么优化吗?

CSS会阻塞DOM渲染,为什么有时候还会看到没有样式的页面,后面又有了样式,这个是浏览器做了什么优化吗?
求大神来解惑
是因为css是js生成的原因吗?还是其他?

阅读 2.9k
1 个回答
  1. CSS(<link><style>)不会阻塞 DOM 渲染,只有 JS(<script>)会阻塞。
  2. 但是第一次渲染开始的时机,是 必要的内容 完成加载。
  3. 什么是 必要的内容?就是 <head> 里面的东西。
  4. 所以,如果你的 CSS 全部放在 <head> 里的 <link rel="stylesheet"> 里,那么必须等这些 CSS 加载完,页面才会开始渲染。

总结:想办法只在 <head> 里放入少量的、必须的、只关于第一屏内容的 CSS,把其它 CSS 放在 </body> 前面。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题