Javascript 使用Chrome开发工具找出什么'；引起FOUC的原因是什么

我一直在修复一个站点JS，将其移动到底部，缩小，等等。除了在博客（电子商务站点）上，一切都正常，当页面加载时，它会导致标题在一秒钟左右没有样式，但在站点的任何其他部分都不会发生，即使它们共享相同的CSS/JS。这个博客是图像密集型的，但是在禁用图像的情况下（我也尝试过禁用脚本），它仍然会发生。这只是因为我做了一些改变，我不能简单地恢复，但这些改变都是积极的，如果有什么帮助的话，应该会有所帮助。我看不到任何JS导致它（因为我删除了脚本以查看它是否在那里），而且它在FF中也没有发生

我想共享一个链接，但它位于一个关闭的临时服务器后面。我可以提供代码，但我不确定是什么，还有很多

所以，我希望我可以使用开发工具来了解发生了什么，可能是时间线视图或其他什么。我只是不知道该怎么做

有什么建议吗

埃德：我在登台和直播站点上都使用了网络标签，正如你从图片中看到的，它们是相同的，css是在实际页面之后加载的第一个内容，而在直播站点上它实际上是ga.js。所以现在它更像是一个谜

---

开发工具中的时间线选项卡用于基准测试/现场性能测试。如果您想知道正在加载的内容、时间和地点发生了什么，可以使用“网络”选项卡

---

通常的做法是在console.log（）中到处填充一些相关的消息，这样您就可以知道代码的某些部分何时正在运行。

别担心，找到答案。。。这是Stylebot Chrome的扩展。。不知道为什么在做了这些改变之后，它现在导致了它，为什么它没有影响到现场。我没有为此域定义任何样式。我想是个虫子吧

---

大家好：）

嗨，皮沃利，我已经更新了问题，添加了网络面板的屏幕截图。我可以使用console.log，但页面加载的这一部分甚至没有运行JS，都在底部。由于您一直在移动内容，可能只是因为您按错误的顺序包含文件所致？就像和行是相反的吗？我想，但是只有一个css文件，我删除了所有javascript（我认为可能会添加一个类或其他东西），但没有任何改变，我只是注意到文件也大了.5kb，尽管我实际上删除了一行代码（不必要的代码）所以如果有什么东西它应该更小。。。对它们进行扩散也没有什么区别。。更奇怪的是。嗯，FOUC很少是由CSS引起的，因为页面应该在显示页面之前先加载，所以很可能是其他东西（比如javascript，但是…）。是的，在实时网站上，很多跟踪JS都是在CSS之前加载的，其中，在暂存服务器上，css之前加载的唯一内容是favicon（就像实时站点一样）。所以，如果有什么需要的话，最好是在舞台上。。。