>[danger]http緩存（或者叫強緩存和協商緩存），字段 瀏覽器緩存是一種優化Web應用性能的技術，可以減少對服務器資源的請求，提高頁面加載速度。瀏覽器緩存主要分為強緩存和協商緩存兩種方式。 1. 強緩存： - 強緩存是通過在HTTP響應頭中設置緩存策略來實現的。 - 當瀏覽器發送請求時，會檢查響應頭中的緩存策略（例如Expires和Cache-Control）來確定是否使用緩存。 - 如果緩存策略生效，瀏覽器直接從本地緩存中獲取資源，并且不會向服務器發送請求。 - 強緩存的好處是能夠快速加載資源，減少網絡請求，但是缺點是如果服務器上的資源發生變化，瀏覽器無法及時獲取到最新的資源。 2. 協商緩存： - 協商緩存是通過在HTTP請求頭（If-Modified-Since和If-None-Match）和響應頭（Last-Modified和ETag）中進行通信來實現的。 - 當瀏覽器發送請求時，會攜帶上次獲取資源時的緩存標識（例如上次的修改時間或者ETag）。 - 服務器收到請求后，會與資源的當前狀態進行比較。 - 如果資源沒有發生變化，服務器返回304 Not Modified狀態碼，告訴瀏覽器可以使用緩存。 - 如果資源發生了變化，服務器返回新的資源，并攜帶新的緩存標識。 - 協商緩存的好處是能夠及時獲取到最新的資源，但是缺點是需要與服務器進行通信，增加了請求和響應的開銷。 區別： - 強緩存是根據緩存策略直接從本地緩存中獲取資源，不會發送請求到服務器，而協商緩存需要與服務器進行通信，發送請求并接收響應。 - 強緩存適用于資源已經完全靜態且不會頻繁更新的情況，可以提供更快的加載速度。而協商緩存適用于動態資源或者需要頻繁更新的情況，可以及時獲取到最新的資源。 - 如果強緩存生效，瀏覽器不會向服務器發送請求，響應狀態碼為200；如果協商緩存生效，服務器會返回304 Not Modified狀態碼，瀏覽器繼續使用緩存。 - 強緩存的緩存策略由服務器設置，協商緩存的緩存策略由服務器和瀏覽器共同協商確定。 綜合使用強緩存和協商緩存可以提高Web應用程序的性能，減少對服務器資源的請求，并提供更快的加載速度。 >[danger]字段 以下是瀏覽器強緩存和協商緩存中各自常用的字段： | 強緩存字段 | 協商緩存字段 | |---------------------|-------------------------| | Expires | Last-Modified | | Cache-Control | ETag | | | If-Modified-Since | | | If-None-Match | **強緩存主要使用**：Expires和Cache-Control字段來控制緩存行為。Expires字段指定了資源的過期時間，而Cache-Control字段提供了更靈活和精確的緩存策略控制，包括max-age（緩存有效期）、no-cache（不直接使用緩存，需要與服務器進行協商驗證）等。 **協商緩存主要使用**：Last-Modified、ETag、If-Modified-Since和If-None-Match字段來進行驗證和協商。Last-Modified字段表示資源的最后修改時間，ETag字段為資源分配了一個唯一的標識符。當瀏覽器發起請求時，可以將上次請求時獲取的Last-Modified和ETag值包含在請求頭中，分別使用If-Modified-Since和If-None-Match字段進行驗證，與服務器進行協商判斷資源是否有更新。 需要注意的是，并不是所有的字段都同時使用，具體使用哪些字段取決于服務器和瀏覽器的實現。**在實際應用中，通常會選擇使用Cache-Control和ETag字段來控制緩存行為和進行協商驗證，因為它們提供了更精確的控制和判斷資源是否更新的方式**。 >下面是瀏覽器強緩存和協商緩存中各自能用到的字段以及其含義的解釋： | 字段 | 含義及作用 | |---------------------|------------------------------------------------------------------------------------------------------------------------------| | Expires | 指定資源的過期時間。服務器在響應頭中設置該字段，告訴瀏覽器資源的過期時間。如果當前時間小于過期時間，則直接使用緩存的資源，否則重新請求。 | | Cache-Control | 控制緩存行為的指令。通過該字段，服務器可以告知瀏覽器如何處理緩存。常見的指令包括max-age（緩存有效期）、no-cache（不直接使用緩存，需要協商驗證）等。 | | Last-Modified | 資源的最后修改時間。服務器在響應頭中設置該字段，標識資源的最后修改時間。瀏覽器可以將該值存儲，并在下次請求時發送給服務器進行協商驗證。 | | ETag | 資源的唯一標識符。服務器在響應頭中設置該字段，用于唯一標識資源的版本。瀏覽器可以將該值存儲，并在下次請求時發送給服務器進行協商驗證。 | | If-Modified-Since | 上次請求資源時的Last-Modified值。瀏覽器在請求頭中設置該字段，用于與服務器進行協商驗證，判斷資源是否有更新。如果沒有更新，服務器返回304 Not Modified狀態碼。 | | If-None-Match | 上次請求資源時的ETag值。瀏覽器在請求頭中設置該字段，用于與服務器進行協商驗證，判斷資源是否有更新。如果沒有更新，服務器返回304 Not Modified狀態碼。 | | 200 OK | 表示請求成功，返回的是新的資源。若服務器返回該狀態碼，表明資源未使用緩存，瀏覽器會將新的資源保存到緩存中，并使用該資源。 | | 304 Not Modified | 表示資源未發生變化，可以使用緩存的舊資源。如果服務器確定資源未修改，返回該狀態碼，瀏覽器會從緩存中加載資源，并繼續使用該資源。 |