瀏覽器頁面載入效能

2021-07-16 18:05:50 字數 2546 閱讀 1135

window.performance.timing
返回網頁中所有資源和標記的資料:

window.performance.getentries()

根據entrytype返回資料:

window.performance.getentriesbytype()

window.performance.getentriesbytype(『resource』)

根據name返回資料:

window.performance.getentriesbyname()

前乙個網頁頁面 unload， 重定向（頁面發生跳轉且屬於同網域名稱下），

fetch 檔案： 

快取（如果使用了本地快取或持久連線）， 


dns 網域名稱解析 （如果使用了本地快取或持久連線，則沒有此步驟）
連線：

http （tcp）連線 （如果是持久連線，則與 fetchstart 值相等； 注意如果在傳輸層發生了錯誤且重新建立連線，）


http 請求讀取真實文件開始的時間（完成建立連線）


http 接收請求文件的響應
渲染 dom：

解析並渲染 dom 樹， document.readystate 變為 interactive，此時並沒有開始載入網頁內的資源
網頁內資源載入，

js 指令碼載入執行完

dom 樹解析完成，且資源也準備就緒

window.performance = 


}
三種方法：

第一種：

var start1 = +new date();


function();


var end1 = +new date();


console.log(end1-start1);
第二種：

var start2 = window.performance.now();


function();


var end2 = window.performance.now();


console.log(end1-start1);
第三種：

window.performance.mark("start3");


function();


window.performance.mark("end3");


window.performance.measure("difference", "start3", "end3");


console.table(performance.getentriesbyname('difference'));
比較：

// 標記開始


var ret=;


var start1 = +new date();


var start2 = window.performance.now();


window.performance.mark("start3");


for (var i = 0; i < 100; i++) 


var end1 = +new date();


var end2 = window.performance.now();


// 標記結束


window.performance.mark("end3");


// 計算差值並命名為difference, 無返回


window.performance.measure("difference", "start3", "end3");


// window.performance.getentriesbytype('measure');


// window.performance.getentriesbyname('difference');


console.log(end1-start1);


console.log(end2-start2);


console.table(performance.getentriesbyname('difference'));


// // 清除指定標記點


// window.performance.clearmarks('start'); 


// // 清除所有標記點


// window.performance.clearmarks();


// // 清除指定差值資料


// window.performance.clearmeasures('difference'); 


// // 清除所有差值資料


// window.performance.clearmeasures();

bat設定瀏覽器啟動載入頁面

目的 現有一套認證系統,當主機長時間不產生資料流量後會強制主機下線,故定期重新整理頁面防止主機被強制下線,編寫啟動bat指令碼新增進啟動項管理.echo off if exist c users user desktop flush.html 用 errorlevel,0為成功,1為不成功 判斷一條...

瀏覽器後退讓頁面重新載入

最近遇到乙個需求，瀏覽器回退後在頁面上提示一些資訊，並自動跳轉到首頁 能否讓瀏覽器重新去伺服器請求會退後的頁面呢？答案是可以的，只要在服務端設定禁止快取該頁面即可，瀏覽器在獲取不到該頁面快取只有回去服務端重新請求該頁面並初始化，那麼我們需要的初始化操作就可以執行了 1 response.setdat...

在C Builder中開啟瀏覽器載入頁面

今天在開發專案的時候，要求實現根據資料查詢出來的乙個ip位址，並返回到前台使用瀏覽器開啟。這個東東本身很簡單哈。在c builder 中有對應的api函式，下面我們一起來講講 呼叫外部命令 如果用預設 瀏覽器,就呼叫shellexecute null,t open t explorer.exe t ...