統(tǒng)計網(wǎng)頁加載時間方法

1.使用Google Analytics

包含了性能統(tǒng)計，暫時沒用過。

2.Web performance APIs

可以得到各種時間，如dns解析時間，連接時間、跳轉(zhuǎn)時間、加載時間等指標(biāo)。
這些API需要在頁面加載完成后才能使用，需要在window.onload事件中讀取各種數(shù)據(jù)，因為很多值必須在頁面完全加載之后才能得出。

  • 頁面加載API
    window.performance.timing 返回一個只讀的PerformanceTiming對象，用于分析頁面整體性能指標(biāo)，常用的統(tǒng)計數(shù)據(jù)如下：

    • DNS查詢耗時 ：domainLookupEnd - domainLookupStart
    • TCP鏈接耗時 ：connectEnd - connectStart
    • request請求耗時 ：responseEnd - responseStart
    • 解析dom樹耗時 ： domComplete- domInteractive
    • 白屏?xí)r間 ：responseStart - navigationStart
    • domready時間 ：domContentLoadedEventEnd - navigationStart
    • onload時間 ：loadEventEnd - navigationStart

    其中navigationStart為準(zhǔn)備加載新頁面的起始時間，loadEventEnd文檔觸發(fā)load事件結(jié)束時間

  • 資源加載API
    window.performance.getEntries() 顯示所有靜態(tài)資源的加載時間
    window.performance.getEntriesByName() 獲取相應(yīng)名字資源的加載時間
    window.performance.getEntriesByType() 獲取相應(yīng)類型資源的加載時間

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容