什么是 FOUC（无样式内容闪烁）？你如何来避免 FOUC？

轩辕小不懂发布于 2021-05-15 10:44

阅读 446

答案 1

分类：WEB前端开发

Pack 2021-05-15 10:48

FOUC - Flash Of Unstyled Content 文档样式闪烁

而引用CSS文件的@import就是造成这个问题的罪魁祸首。IE会先加载整个HTML文档的DOM，然后再去导入外部的CSS文件，因此，在页面DOM加载完成到CSS导入完成中间会有一段时间页面上的内容是没有样式的，这段时间的长短跟网速，电脑速度都有关系。

解决方法简单的出奇，只要在<head>之间加入一个<link>或者<script>元素就可以了。