google-chrome-devtools - 各种尝试的网站加载时间相差超过 2 秒

Question

我正在努力找出网站的性能瓶颈。我正在使用 chrome空缓存和硬重新加载选项，并使用隐身模式（未启用扩展名）点击它。

为了确定页面加载时间，使用 chrome 工具的网络选项卡，当我使用相同（空缓存和硬重新加载）选项访问同一页面时，它会报告巨大的变化。

例如：-

下面是第一次命中，显示加载时间为 8.2 秒，有 25 个请求和 477KB 数据：-

就在我再次点击（第二次点击）之后，我得到了相同的请求和大小，但加载时间增加到 9.25 秒。

而在第三击中，它减少到仅 6.89 秒。

现在，我的问题是我正在做同样的事情，那么为什么加载时间变化很大。

Answer 1

也许您对 3rd 方服务器有一些请求（样式、脚本、img），每次下载的时间不同（因为 3rd 方服务器在那个特定时刻可能负载更重）。

如果是这种情况并且您的代码取决于它们（取决于加载事件） - 您很可能收到不同的页面加载时间。