利用js計算網頁渲染執行需要花費的時間

admin發表於2017-03-23

在實際應用中可能需要計算一個頁面渲染所要花費的時間,下面就通過程式碼例項介紹一下如何利用javascript實現此功能。

首先在網頁的頂部放入一段程式碼用標記網頁開始渲染的時間點,程式碼如下:

[HTML] 純文字檢視 複製程式碼
<head> 
<script type="text/javascript">
var start = new Date().getTime(); 
</script> 
</head>

儘量防止在頁面的頂端,這樣就更為精確,上面獲取頁面開始渲染的時間戳。

然後在頁面中再加入一個類似的程式碼,能夠獲取頁面渲染完畢的時間點,然後計算兩者之間的時間差即可。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
window.onload = function(){ 
  var time="載入本頁耗時 "+(new Date().getTime()-start) +" 毫秒"; 
}

相關文章