如何知道您的网站在浏览器中呈现的时间长度？

Question

有没有办法知道您的网站在客户端上下载了多长时间？ （当你不拥有浏览器时），最好是一个简单的vanilla javascript脚本。

Answer 1

我认为您可以使用Pingdom和GTMetrix等工具。

Answer 2

访问日志为您提供了一些提示。您可以查找第一个请求的开头和上一个加载页面请求的开始。

Answer 3

试试这个。

＆＃13;

＆＃13;

var now = new Date().getTime();
        var page_load_time = now - performance.timing.navigationStart;
        $("#labletest").text("Page render time is : " + page_load_time + " ms")

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
    <span><label id="labletest"></label></span>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 4

如果你有一个新的浏览器，它有window.performance，你就可以做很多事情的时间安排。

按照此处的规范：https://www.w3.org/TR/navigation-timing/#sec-window.performance-attribute

在您的具体情况下，我认为您想要的是： window.performance.timing.domInteractive - window.performance.timing.navigationStart

当用户点击进入网址，当dom是交互式的（未完全加载，但用户可以与页面交互，例如点击链接或选择文本）时，这将为您提供时间。

（来自https://www.w3.org/TR/navigation-timing/#sec-window.performance-attribute的图片）