javascript - 为什么我的 CSS 加载会有时间延迟？

Question

我在维基百科上也看到了这种效果。当我第一次进入该页面时，该网站会在从非 CSS 版本的网站转到 CSS 版本的网站时闪烁。

最近，我也在我的网站上看到了这个。

奇怪，因为我遵循 Google Chrome Debug Auditor 的建议，并将我的 CSS 加载到我的文档头部，然后再加载其他任何内容。

笔记

已在 FF 和 Safari 中验证。

Answer 1

您正在强制 CSS 样式表在每个请求上刷新：

/dev/.../source/xyz.css?_time=1362858256183

这可能是您偶尔会看到无样式内容闪烁的原因。您通常只会在某些内容发生更改时强制重新加载，并允许客户端在此之前缓存样式表。

然后我注意到您正在使用 JavaScript 加载样式表。我不能在这里给你任何数字，但如果你真的很关心速度，那么将引用放入原始 HTML 中可能是值得的：

<link rel="stylesheet" href="...">

允许浏览器使用任何和所有预取和其他机制。