Chrome瀏覽器優化技巧

2022-08-26 17:54:09 字數 1195 閱讀 4585

根據上表進行簡要分析——

stalled(阻塞)

優化措施:

2、指令碼置於頁面底部;

dns lookup(網域名稱解析)

優化措施:

1、利用dns快取(設定ttl時間);

2、利用connection:keep-alive特性建立持久連線,可以在當前連線上進行多個請求,無需再進行網域名稱解析;

initial connection(初始化連線)

tcp建立連線的三次握手時間

ssl(包含於https連線中)

http是超文字傳輸協議,以明文方式傳送內容,不提供任何方式的資料加密,如果被不法分子擷取瀏覽器和伺服器之間的傳輸報文,會獲取其中的資訊。

https 是安全套接字層超文字傳輸協議,就是在http的基礎上加入了ssl協議,ssl依靠證書來驗證伺服器的身份,並為瀏覽器和伺服器之間的通訊加密。

因此建立https連線的時間相當於三次握手的時間+ssl時間。

request sent(傳送請求)

傳送http請求的時間(從第乙個bit到最後乙個bit)

優化措施:

1、減少http請求,可以使用css sprites、內聯、合併指令碼和樣式表等;

2、對不常變化的元件新增長久的expires頭(相當於設定久遠的過期時間),在後續的頁面瀏覽中可以避免不必要的http請求;

waiting(等待響應)

通常是耗費時間最長的。從傳送請求到收到響應之間的空隙,會受到線路、伺服器距離等因素的影響。

優化措施:

1、使用cdn,將使用者的訪問指向距離最近的工作正常的快取伺服器上,由快取伺服器直接響應使用者請求,提高響應速度;

優化措施:

1、通過條件get請求,對比if-modified-since和last-modified時間,確定是否使用快取中的元件,伺服器會返回「304 not modified」狀態碼,減小響應的大小;

2、移除重複指令碼,精簡和壓縮**,如借助自動化構建工具grunt、gulp等;

chrome瀏覽器高階技巧

fetch new request url then resp 按f12,在控制台輸入以上格式即可傳送post 請求。攔截post請求 在chrome控制台中,找到network 網路 找到filter 過濾器 輸入框並輸入method post。然後像平時那樣登入 就會在控制台name heade...

Chrome瀏覽器的使用技巧

chrome搜尋自身的dns快取 未找到向下走 搜尋作業系統自身的dns快取 瀏覽器沒有找到快取或快取已經失效 讀取本地的host檔案 瀏覽器發起乙個dns的乙個系統呼叫 瀏覽器獲得網域名稱對應的ip位址後,發起http三次握手 tcp ip連線建立起來後,瀏覽器就可以向伺服器傳送http請求了使用...

Chrome谷歌瀏覽器除錯技巧小結

ctrl shift d 預設可以將f12呼喚出來的devtools開發者除錯工具切換右邊與底部 但 如果你將它通過滑鼠 下圖 切換過位置 預設是 右邊和底部 你現在切換位置到左邊 那麼使用這個快捷鍵之後 就是 從左邊切到右邊 之前的位置 按下 ctrl 和 ctrl 可以從當前面板的分別向左和向右...