美文网首页
什么是FOUC(无样式内容闪烁)?你如何来避免FOUC?

什么是FOUC(无样式内容闪烁)?你如何来避免FOUC?

作者: 铁木真丫丫丫 | 来源:发表于2017-06-04 22:46 被阅读119次

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

    <style type="text/css"media="all">@import"../fouc.css";</style>而引用CSS文件的@import就是造成这个问题的罪魁祸首。IE会先加载整个HTML文档的DOM,然后再去导入外部的CSS文件,因此,在页面DOM加载完成到CSS导入完成中间会有一段时间页面上的内容是没有样式的,这段时间的长短跟网速,电脑速度都有关系。解决方法简单的出奇,只要在<head>之间加入一个<link>或者<script>元素就可以了。

    相关文章

      网友评论

          本文标题:什么是FOUC(无样式内容闪烁)?你如何来避免FOUC?

          本文链接:https://www.haomeiwen.com/subject/rumbfxtx.html