web頁面的快取方式, 載入頁面的優化?

2021-10-02 08:39:15 字數 1031 閱讀 9478

強快取——expires: 絕對時間 、cache-control:相對時間

協商快取——

last-modify【web伺服器在響應請求時,告訴瀏覽器資源的最後修改時間】

if-modified-since【當資源過期時(強快取失效),發現資源具有last-modified宣告,

則再次向web伺服器請求時帶上頭 if-modified-since,表示請求時間】

etag【web伺服器響應請求時,告訴瀏覽器當前資源在伺服器的唯一標識(生成規則由伺服器決定)】

if-none-match【當資源過期時(使用cache-control標識的max-age),發現資源具有etage宣告,

則再次向web伺服器請求時帶上頭if-none-match (etag的值)】

兩者的區別:【強快取】不需要傳送請求到服務,【協商快取】需要傳送請求到伺服器。

首次請求一定會向伺服器發起請求,進行首次資源的快取

第二次訪問由於有了快取,根據 http header:

是否命中強快取,【命中強快取】,瀏覽器直接從自己的快取中讀取資源,不會發請求到伺服器

沒有命中強快取】,瀏覽器一定會傳送乙個請求到伺服器:

2.1 通過伺服器端依據資源的另外一些http header驗證這個資源是否命中協商快取,

2.1.1【命中協商快取】伺服器會將這個請求返回(304),但是不會返回這個資源的資料,

而是告訴客戶端可以直接從快取中載入這個資源,於是瀏覽器就又會從自己的快取中去載入這個資源;

2.1.2【未命中協商快取】,則將資源返回客戶端,並更新本地快取資料。

WEB動態頁面的客戶端快取

但有這樣一些頁面,雖然是動態的但變動頻率較小,且對於同一使用者重複呼叫可能很多 比如說個人管理後台或者新聞首頁面 我們希望像js或者ccs那樣在客戶端快取起來.並且,在我們希望的時候,可以更新客戶端備份的那個頁面,或者介面資料.是否可以做到呢 事實上,瀏覽器可以快取js,就一定能快取我們的動態頁面 ...

Web頁面的字型介紹

一 網頁常用字型通常分為5類 serif 襯線 字型在字元筆畫末端有叫做襯線的小細節,這些細節在大寫字母中特別明顯。sans serif 無襯線 字型在字元筆畫末端沒有任何細節,與serif字型相比,他們的外形更簡單。fantasy 夢幻 cuisive 草體 字型在瀏覽器中不常用,在各個瀏覽器中有...

web頁面的請求過程

關鍵路徑 開啟瀏覽器,輸入url,連線伺服器,渲染伺服器返回的結果。那在這個過程中首先我們需要建立連線,也就是tcp三次握手,先開始第一次握手,也就是主機向伺服器傳送請求報文段,這就需要知道源ip,目的ip。1 dhcp discover 客戶端以廣播形式傳送dhcp discover報文,該區域網...