主要分為兩個大方面:1、檔案載入的更少;2、**執行的更少一、從輸入url到瀏覽器到底發生了什麼
第一步,dns解析,將網域名稱解析為對應的ip位址
第二步,建立tcp連線,經過三次握手直到雙方都能明確自己和對方的收發能力是正常的
第三步,傳送http/ssl請求
第四步,解析伺服器返回的響應
第五步,瀏覽器渲染頁面
ps:1、tcp三次握手分為以下步驟:
第一次,客戶端傳送網路包,服務端收到,服務端確認自己的接收正常,以及客戶端的傳送正常
第二次,服務端傳送網路包,客戶端收到,客戶端確認自己的接收和傳送正常,以及服務端的傳送和接收正常
第三次,客戶端傳送網路包,服務端收到,至此服務端確認自己的接收和傳送正常,以及客戶端的接收和傳送正常
2、瀏覽器渲染頁面的步驟:解析html、css和執行js
二、優化策略
1、檔案載入的更少
2、**執行的更少
後續還會補充。。。
前端效能優化
1.減少http請求次數 css sprites 在國內很多人叫css精靈,是一種網頁應用處理方式。它允許你將乙個頁面涉及到的所有零星都包含到一張大圖中去,這樣一來,當訪問該頁面時,載入的就不會像以前那樣一幅一幅地慢慢顯示出來了。對於當前網路流行的速度而言,不高於200kb的單張的所需載入時間基本是...
前端效能優化
在開發好頁面後,如何讓頁面更好更快的執行 從前端的角度來看,效能可以分為兩個方向 從使用者角度來看,乙個是頁面載入的很快,另乙個是頁面使用起來非常流暢 輸入了url 瀏覽器開始解析 查詢本地快取 dns解析 建立連線 伺服器處理 伺服器響應 客戶端收到響應 解析html 然後開始渲染頁面 使用者可以...
前端效能優化
隨著現在 越來越酷炫,各種,資源庫,動畫等等用的越來越多,在使用者視覺和功能的提公升的同時,效能也成為乙個必須考慮的點。有人說 乙個 開啟時間超過8s,網民就會流失70 以上。這種說法我覺得不是很正確的,除非是非常重要 必須要使用的 否則超過5s我基本直接關了,體驗太差。所以,使用者 忍讓 是有極限...