前端緩存cdn

A. 前端基礎知識——CDN篇

CDN（Content delivery networks，內容分發網路）通過在源伺服器與用戶之間構建新的網路架構，將網站內容分發到最近的用戶端，以提高訪問速度和提升響應能力。CDN工作原理是將網站內容緩存在不同地理位置的代理伺服器中，用戶請求時直接從最近的緩存獲取內容，從而減少信息往返時間。CDN緩存內容主要包含靜態資源，如圖片、視頻、CSS和JS文件等。內容更新時，客戶端檢查本地緩存狀態，過期則向CDN邊緣節點請求，節點檢測內容是否過期，再決定是否回源獲取最新內容。靜態文件緩存時間通常由原站伺服器配置，動態內容緩存則由程序控制。CDN與應用結合策略包括生成靜態頁面、設定動態內容緩存時間，以及智能緩存控制演算法。前端優化中，CDN能減少HTTP請求數量、提供緩存控制、自動壓縮文件、優化圖片載入速度，顯著提升網站性能。了解CDN緩存機制，對於優化網頁載入速度至關重要，未來還將有更多優化技術呈現。

B. web前端緩存機制

前端緩存森攜機制有多種，如瀏覽器緩存、CDN緩存、DNS緩存、代理伺服器緩存等。

CDN全稱是Content Delivery Network，即內容分發網路。CDN的原理是改世將資源存放在各地的緩存伺服器上，當用戶請求資源時，從就近的伺服器上返回緩存的資源，而不需要每次都從源伺服器獲取，減輕源伺服器的壓力，又能提升用戶的訪問速度。

瀏覽器可以將用戶請求的資源進行緩存，存放在本地。瀏覽器緩存一般通過請求頭來設置。
與瀏覽器緩存有關的頭部有：

瀏覽器會將伺服器的域名與IP地址的映射緩存在本地，這樣用戶在訪問網站時，不用每次都去查詢DNS映射表。

在瀏覽器和伺服器之間架設的一個伺服器 ，這個代理伺服器會幫助瀏覽器去請求頁面，然後將頁面進行處理和壓縮(例如壓縮圖片和文件)，使頁面變小，再傳輸給瀏覽器。大部分代理伺服器核春肢都有緩存的功能，如果瀏覽器所請求的文件在它本機中存在且是最新的，就不需要再從源伺服器請求數據，提高了瀏覽速度。

在瀏覽某個頁面時，瀏覽器會判斷頁面的關聯內容，進行預載入。用戶在瀏覽A頁面時，就載入好B頁面，這樣當用戶去訪問B頁面時，B頁面很快就出來，提升了用戶體驗。但這個機制有一定的缺陷，就是預判不一定準確，可能會造成流量和資源的浪費。