整个CSS出现，消失，然后在页面加载时再次出现

Question

我的公司网站有一个奇怪的问题。加载时会闪烁，没有应用CSS。我以为那只是意味着CSS被延迟了，但查看加载时间轴：

似乎已应用CSS，然后在400毫秒后它停止应用，然后在〜500毫秒后再次应用。

我看不出是什么原因导致这种问题的。

如何复制：

转到this site。按地址栏上的Enter键（由于某些原因，刷新时不会出现问题）。

仅当未禁用缓存时，问题才会出现。

在Chrome和Firefox上已复制，但似乎未在Safari上显示。

作为本地主机运行时不显示

似乎不受adblocker存在/不存在的影响

Answer 1

找到了解决方法，但仍然没有找到原因。

修复：

将CSS移动到标题中的JS之前。 This shouldn't have an effect，但显然在这种情况下确实如此。

原因：

据我所知，问题流程如下：

1-浏览器从缓存中获取CSS并将其应用

2-浏览器出于某种原因意识到应该使用标头的CSS，并删除缓存CSS

3-脚本（主要是Google Analytics（分析））延迟了CSS加载，足以使我们看不到CSS网站

仍然完全不了解第2点，但是修复程序起作用。而且我有报酬让它起作用，而不是理解它，所以问题就结了。