我正在尝试使用 chrome 开发人员工具来优化 Magento 网站以分析页面加载时间。目的是为接下来的 15 天构建一份报告，以跟踪页面加载时间的改进。但问题是每次我加载页面时，开发人员工具都会记录不同的加载时间，例如目前它在 5 到 9 秒之间变化。
我对如何可靠地测量页面加载时间感到困惑？我知道我的页面有一些外部内容，这是造成这种变化的主要原因。但是我怎样才能忽略这些变化并确定真正的加载时间，以便我确定我实际上正在优化这个东西呢？
例如下面是两个连续 F5 的截图。
【问题讨论】：
标签： magento optimization google-chrome-devtools
首先，您应该在读取数据时禁用缓存，因为如果 Chrome 只需要从缓存中加载资源，加载时间会更短。请参阅我的回答here。
其次，您将通过导出 HAR 获得更准确的读数。您可以通过右键单击并选择“Save as HAR with Content”来执行此操作，如下所示：
您将获得更准确、更详细的个人请求数据。只需在文本编辑器中打开生成的 *.har 文件并查看 JSON。
“实际”加载时间包括外部请求。您可以过滤掉面板中显示的请求，例如按域。见Network Advanced Filter。
在下面使用 BBC 新闻网站的示例中，我通过右键单击标题并选择列名称将域列包含在面板中。在过滤器栏中，我添加了domain:www.bbc.co.uk，它显示了对该域的所有请求。您也可以尝试使用“远程地址”并以此为基础对网格进行排序。
您将在 HAR 中获得所需的所有数据。这只是挖掘出你想要的东西的问题。
重要提示：总传输时间不会因过滤器而异。您需要在面板中总结总数，其中包括四舍五入（不那么准确），或者使用未四舍五入的 HAR 值（更准确）。
欲了解更多信息，请查看Evaluating Network Performance。
【讨论】：