利用js計算網頁渲染執行需要花費的時間
在實際應用中可能需要計算一個頁面渲染所要花費的時間,下面就通過程式碼例項介紹一下如何利用javascript實現此功能。
首先在網頁的頂部放入一段程式碼用標記網頁開始渲染的時間點,程式碼如下:
[HTML] 純文字檢視 複製程式碼<head> <script type="text/javascript"> var start = new Date().getTime(); </script> </head>
儘量防止在頁面的頂端,這樣就更為精確,上面獲取頁面開始渲染的時間戳。
然後在頁面中再加入一個類似的程式碼,能夠獲取頁面渲染完畢的時間點,然後計算兩者之間的時間差即可。
程式碼如下:
[JavaScript] 純文字檢視 複製程式碼window.onload = function(){ var time="載入本頁耗時 "+(new Date().getTime()-start) +" 毫秒"; }
相關文章
- 如何計算一段js程式碼執行耗費的時間JS
- js如何計算一段程式碼的執行花費時間JS
- 計算頁面執行時間的兩種方法
- JavaScript 計算程式碼執行花費時間JavaScript
- 計算SQL執行時間SQL
- 計算php程式執行時間的程式PHP
- Stopwatch 計算程式執行時間
- js計算使用者在網頁停留時間的程式碼例項JS網頁
- python程式計算執行時間差Python
- js 計算兩個時間的時間差JS
- 透過pl/sql計算程式的執行時間SQL
- 通過pl/sql計算程式的執行時間SQL
- lr計算程式執行消耗時間的比較:
- JS計算時間差JS
- Java專案計算程式執行時間方法Java
- JS呼叫時間的方法和計算JS
- C++可以用的計算程式執行時間的方法C++
- 如何在 Windows 中檢查計算機正常執行時間Windows計算機
- GO語言————6.11 計算函式執行時間Go函式
- python用time函式計算程式執行時間Python函式
- matlab中三種計算程式執行時間方法Matlab
- Python——timeit(執行時間平均值計算)Python
- 關於laravel計算程式執行時間的優雅寫法Laravel
- linux系統時間程式設計(9) 計算程式片段執行時間clock函式Linux程式設計函式
- js計算兩個時間點時間間隔的程式碼例項JS
- C# 程式找出檔案重複的行,計算函式執行的時間C#函式
- 計算時間的例子
- 當頁面渲染遇上邊緣計算
- .NET程式碼樹執行時間計時器
- 實驗2-2-9 計算火車執行時間 (15分)
- 學習Linux運維需要花費多長時間?Linux基礎Linux運維
- JS 的間隔執行緒JS執行緒
- 計算兩段時間的時間差 (轉)
- PHP時間計算PHP
- 時間差計算
- abap執行時間
- 使用console進行效能測試和計算程式碼執行時間
- 計算時間差,頁面倒數計時,安卓與ios相容問題安卓iOS