为什么我的CSS加载有时间延迟

Why is there a time delay for my CSS load?

本文关键字：时间延迟加载 CSS 我的为什么更新时间：2023-09-26

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

最近，我在我的网站上也看到了这种情况。

奇怪的，因为我从谷歌Chrome调试审计员的建议，并加载我的CSS在我的文档的头部之前任何其他。

注意

在FF和Safari中验证

你是在强制CSS样式表在每次请求时刷新:

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

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

然后我注意到你正在使用JavaScript加载样式表。这里我不能给出具体的数字但如果你真的关心速度，不妨把参考放到原始HTML中:

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

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