如何知道您的網站在瀏覽器中呈現多長時間？

Question

有沒有辦法知道你的網站在客戶端上下載了多長時間？ （當你不擁有瀏覽器時），最好是一個簡單的香草javascript腳本。

Answer 1

試試這個。

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

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

Answer 2

我認爲你可以使用像Pingdom和GTMetrix這樣的工具。

Answer 3

訪問日誌給你一些提示。您可以查找第一個請求的開始和加載頁面的最後一個請求的開始。

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圖像）