如何检查Mobify-js生成的页面的页面加载时间

Question

我正在寻找测量加载由Mobify-js生成的页面所需的时间。正如网站上提到的，当使用js时，页面加载时间得到优化。所以，我想了解一下，我可以用什么基准（原始）文件来衡量mobify-js的性能。

我想到的一件事就是，简单地删除源代码中的“resizeImages-img-element / index.html”样本页面的mobify-js导入，并比较页面加载时间没有mobify-js。 Mobify-js社区，对此有何想法？在这方面的任何帮助将不胜感激。

Answer 1

通过查看Mobify.timing.points，您可以获得有关Mobify转换不同部分的一些时序数据。使用此功能，您可以测量页面开始加载和不同事件集合之间的时差。

// Measure time between 'finished document' and 'DOMContentLoaded' var loadTime = Mobify.timing.points[11][0] - Mobify.timing.points[0][0]