Firefox 不会立即呈现样式表？答案

【问题标题】：Firefox does not render stylesheet immediately?Firefox 不会立即呈现样式表？
【发布时间】：2010-09-27 11:08:25
【问题描述】：

我不确定这是设置问题还是 HTML 问题，但在我正在处理的页面布局上，Firefox 不会立即呈现样式表。这意味着大概半秒钟我可以看到未设置样式的页面，然后样式表启动并按照我的预期呈现。

我所有的样式表都在加载到 head 标记中的外部 css 文件中。我在 Flock（它是 Firefox 变体）和 Google Chrome/IE 上都没有遇到这种情况。

知道如何避免吗？

【问题讨论】：

【解决方案1】：

在我的情况下，关闭 Firebug 并没有帮助。另一方面，我碰巧在我的 css 中使用了 @import，当我删除它时 - FOUC（无样式内容的 Flash）消失了。这很奇怪，因为这种行为主要是指 IE (http://www.bluerobot.com/web/css/fouc.asp/)

【讨论】：

【解决方案2】：

您没有提到平台，但如果在 Firefox 中启用了 IPv6，Visual Studio 内置 Web 服务器也会发生这种情况。见http://blog.codeville.net/2008/11/07/speeding-up-communication-between-firefox-and-visual-studios-built-in-web-server/

【讨论】：

【解决方案3】：

向我们展示页面！有效吗？

您可能想搜索“flash of unstyled content”或“FOUC”，看看会出现什么，这是这种现象的常用短语。

【讨论】：

【解决方案4】：

Firebug 肯定会减慢页面渲染时间。太残忍了。

此外，在 Firefox 中安装 yslow: http://developer.yahoo.com/yslow/ 以确保您的页面得到充分优化。

【讨论】：

确保您了解 Yslow 适用于大型量网站，并且某些项目（CDN、电子标签）可能不适用于您的网站。

【解决方案5】：

尝试禁用 firebug。

【讨论】：

哇，这已经困扰我好几个月了！谢谢！