【问题标题】:HTML un-styled is shown first and then changes to styled version, what could cause this?首先显示未设置样式的 HTML,然后更改为样式版本,这可能是什么原因?
【发布时间】:2012-03-24 20:55:22
【问题描述】:

它并不总是发生,所以它让我认为它发生在浏览器没有缓存 css 时。发生的是页面加载,您看到整个页面没有任何 CSS,然后它以样式“弹出”。 css 文件托管在不同的域中,它们都在文档的标题中。有什么想法吗?

源代码浏览器 我注意到我们在某些页面上有谷歌优化器代码。这会导致这种情况发生吗?

【问题讨论】:

  • 我以为浏览器在下载完所有 css 文件后才会呈现?
  • “FOUC”(无样式内容的闪存)是您应该搜索的内容以查找更多信息。如果没有指向您页面的链接,人们所能做的就是猜测可能导致它的原因。另外,您在哪个浏览器中进行测试?
  • 也许您在 STYLE 元素中使用了 @import。请改用<link rel="stylesheet" href="example.css" />
  • 这取决于浏览器。大多数甚至在加载外部资源时也开始显示内容。我认为这取决于加载东西需要多长时间。让用户盯着一个完全白色的屏幕几秒钟,只是因为一个愚蠢的小图形不会加载,这是一个禁忌。用户会得出这样的结论:浏览器速度慢得令人无法接受。

标签: css loading


【解决方案1】:

这背后可能有很多原因,但正如你所描述的:

您的 CSS 不包含在 <head>

【讨论】:

  • @RyanDetzel,样式表很重吗?
  • @RyanDetzel,这就是问题所在。过滤仅呈现活动页面所需的 CSS。
【解决方案2】:

这可能是flash of unstyled content

【讨论】:

    猜你喜欢
    • 2022-01-11
    • 1970-01-01
    • 2010-11-06
    • 2014-07-16
    • 2016-02-29
    • 1970-01-01
    • 1970-01-01
    • 2016-12-09
    • 1970-01-01
    相关资源
    最近更新 更多