Question

目标：浏览器从加载过程中尽可能早的时间开始加载页面的时间，在服务器开始发送数据后尽快开始。

上下文：存储Web性能数据的现有脚本集的新功能。大多数现有的应用程序都在服务器端，新功能是针对客户端的。

这是我需要帮助的地方。我正在寻找最早的事件用于这样的脚本，使用

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">

   $(document).ready(function(){
        $.post("<?= $baseURL?><?= $pageparts.$common ?>/saveData.php",
            {
              typeOfRecord:"docready",
              thisURL:"<?= $thisURL ?>"
            },
            function(data,status){
              ;
            }
        );
    });
</script>

以下是结果的截图。我正在寻找浏览器加载过程中最早和最新的事件或点，从它开始从服务器接收数据以响应它所做的请求开始。 Timestamps and split times on server and client side of generating a web page.

You can run a sample at this link

以下是我遇到的问题：

应该使用哪些事件来记录浏览器接收并开始呈现服务器发送给它的页面源的最早时刻，以及浏览器最后做的事情被视为已加载。

Answer 1

如果在标题中包含jquery.js并立即使用脚本元素跟随它，该脚本元素使用$.ajax()（或$.post()或其他）而不是包装在事件处理程序中，然后在浏览器甚至到达<body>标签之前，应该立即进行ajax请求。

因此，假设您显示的JS代码位于标题中，您可以在绑定文档就绪处理程序之前添加一个ajax调用。

请注意，当然浏览器必须在访问脚本之前下载jQuery，因此如果您想在此之前进入，则必须在没有jQuery方法的情况下自行编写ajax调用，在脚本元素中包含在jQuery之前。

您可能还想查看使用浏览器的开发控制台的网络（和其他）标签进行此类事情。

使用Ajax定时浏览器

1 个答案: