H5效能分析

絲瓜呆呆發表於2021-05-21

一、所有的瀏覽器都會支援一個W3C的標準

具體標準可以檢視:https://www.w3.org/TR/navigation-timing/

 

 資源載入指標分析:

Prompt for unload:訪問一個新頁面,舊頁面解除安裝完成的時間

redirect:重定向,使用者登出登入時返回主頁面和跳轉到其它的網站等

APP cache:檢查快取,是否開啟

DNS(域名解析):DNS查詢的時間,如果是長連線或者請求檔案來自快取等本地儲存則返回fetchStart時間點

TCP :與伺服器建立連線的時間 

Request:瀏覽器發起請求的時間

Resonse:拿到第一個響應位元組到最後一個響應位元組的時間

Processing:各種狀態的時間點

Onload:觸發load事件執行的時間

二、利用程式碼檢視

程式碼:可以在Chrome下的console寫

window.performance.timing

 

 用end-start即為時間

例如:

 

 三、利用selenium或Appium自動化

from selenium import webdriver

class TestData:
def test_data(self):
driver = webdriver.Chrome()
driver.get("https://home.testing-stuio.com")
print(driver.execute_script("return JSON.stringify(window.performance.timing)"))

 

相關文章