测量页面加载和 iframe 加载答案

【问题标题】：Measure page load and iframe load测量页面加载和 iframe 加载
【发布时间】：2018-06-13 15:05:31
【问题描述】：

基本上我有一个网页，里面有一个 iframe，可以从不同的域加载另一个网页。它移动很慢，我想证明整个页面很慢只是因为 iframe 内的页面。

有没有什么方法可以衡量整体页面加载量是多少，其中有多少百分比来自 iframe？我可以使用哪些工具来获得一些测量结果？

【问题讨论】：

【解决方案1】：

您可以在 Chrome 浏览器中测量
转到 [Inspect Element -> Performance] 和 [Inspect Element -> Network] 并重新加载页面以获取完整详细信息

【讨论】：

如何区分整个页面和iframe？如何知道 iframe 何时开始加载以及花了多少时间？
它将检查页面中的所有元素。例如，在示例图像中，您可以看到加载和流量使用的收藏图标时间。 image.ibb.co/b8tLcy/2018_06_13_11_13_18.jpg
从 380.73 ms 开始，用 27.17 ms 完全加载
它说排队 300 毫秒，开始 700 毫秒，它们之间有什么区别？我以为当它排队时它会自动启动。

【解决方案2】：

如果您在此处发布您的网站会有所帮助。但是，您可以尝试使用 Google 的 PageSpeed Insights 工具在此处运行 PageSpeed 洞察力测试 -https://developers.google.com/speed/pagespeed/insights/

您也可以使用名为 Lighthouse 的 Chrome 浏览器扩展：

【讨论】：