tag 瀏覽器緩存

標籤
貢獻19
15
01:49 AM · Nov 24 ,2025
fengshuan 頭像 ni_5e1946a1c2171 頭像 notrynosuccess 頭像 beckyyyy 頭像 huaweiclouddeveloper 頭像 lianhuatongzina 頭像 yumiko_5c088de8aa1fe 頭像 murphywuwu 頭像 icecreamlj 頭像 maogexiaodi 頭像 dvqlfbwm 頭像 user_kim 頭像

@瀏覽器緩存 / 博客 RSS 訂閱

dvqlfbwm 頭像

愛吃雞蛋餅 - 由瀏覽器緩存機制引起的思考

不管三七二十一，先丟一張流程圖，然後看個一分鐘。 有了大致的流程印象之後，我就來補充説明一下大概流程： PS：面試的時候可以按大概流程來説。 當我們進入頁面或刷新頁面時，瀏覽器會加載資源。 此時，瀏覽器會檢查是否有強緩存，即判斷是否有expires或者cache-control（cache-control優先級更高）。 如果有，則查看是否過期，未過期則從緩存讀取資源進行加

瀏覽器 , 瀏覽器緩存 , Javascript

收藏 評論

yingmhd 頭像

yingmhd - 前端緩存

緩存首先得有個位置放置，共有4個： service worker: 瀏覽器與服務器之間的中間人角色，可以自由控制緩存文件 memory cache：內存緩存，一般用來緩存html頁，圖片，腳本等 disk cache：硬盤緩存，一般用來緩存大文件，或者css push cache: HTTP2產物，以上3種緩存都取不到的時候才能輪到它 主要探討內存緩存和硬盤緩存 ===誰來決定緩

緩存 , 瀏覽器緩存

收藏 評論

fengshuan 頭像

前端森林 - 聊一聊前端性能優化 CRP

什麼是 CRP？ CRP又稱關鍵渲染路徑，引用MDN對它的解釋： 關鍵渲染路徑是指瀏覽器通過把 HTML、CSS 和 JavaScript 轉化成屏幕上的像素的步驟順序。優化關鍵渲染路徑可以提高渲染性能。關鍵渲染路徑包含了 Document Object Model (DOM)，CSS Object Model (CSSOM)，渲染樹和佈局。 優化關鍵渲染路徑可以提升首屏渲染時間。理解和優化關鍵

性能優化 , 渲染 , 瀏覽器 , 瀏覽器緩存

收藏 評論

pikaqiu_5cf8dafd0d4bd 頭像

若北 - 瀏覽器緩存

前言 緩存如果不能用以提升性能，那麼它就毫無用處。 以HTTP緩存為例，如果緩存未過期那麼就減少了網絡請求，如果緩存通過驗證那麼就減少了傳輸資源大小。而關於過期與驗證機制的講解將在下文中展開。 注：本文將提供詳細參考資料，如果你對其中細節感興趣對某個細節進行更為深入的瞭解。 瀏覽器緩存概述 瀏覽器緩存可以從多個維度進行抽象分類。在廣義上來講無論是memory cache、service

瀏覽器 , HTTP , 瀏覽器緩存 , 前端 , Javascript

收藏 評論

tosmile 頭像

浪遏飛舟 - 一文搞懂http緩存

1、http緩存 瀏覽器第一次向一個web服務器發起http請求後，服務器會返回請求的資源，並且在響應頭中添加一些有關緩存的字段如：Cache-Control、Expires、Last-Modified、ETag、Date等等。之後瀏覽器再向該服務器請求該資源就可以視情況使用強緩存和協商緩存。 強緩存：瀏覽器直接從本地緩存中獲取數據，不與服務器進行交互。 協商緩存：瀏覽器發送請求到服務器，服

tomcat , http緩存 , 瀏覽器緩存

收藏 評論

hexuan_5ea1a9d57db1a 頭像

HeXuan - 瀏覽器緩存機制

瀏覽器緩存機制 前言 緩存是性能優化中簡單高效的優化方式，可以縮短網頁請求資源的距離，減少延遲，並且由於緩存文件可以重複利用，還可以減少帶寬，降低網絡負荷，可以極大的提升用户體驗。 為什麼可以優化性能呢？若瀏覽器已經將資源緩存下來，那麼再次需要資源時，可以直接使用緩存而不發送請求或發起請求後但瀏覽器緩存與服務器存儲內容一樣則不必再將數據傳回。 緩存位置 一共有4個緩存位置，存在優先級，當依次查找

瀏覽器緩存 , 前端

收藏 評論

user_4jsjtpci 頭像

star - 瀏覽器緩存機制

常用的緩存 Memory Cache Memory Cache 也就是內存中的緩存，主要包含的是當前中頁面中已經抓取到的資源,例如頁面上已經下載的樣式、腳本、圖片等。讀取內存中的數據肯定比磁盤快,內存緩存雖然讀取高效，可是緩存持續性很短，會隨着進程的釋放而釋放。 一旦我們關閉 Tab 頁面，內存中的緩存也就被釋放了。 那麼既然內存緩存這麼高效，我們是不是能讓數據都存放在內存中呢？

瀏覽器緩存

收藏 評論

webinfoq 頭像

破曉L - HTTP 緩存最佳實踐和 max-age 帶來的陷阱

正確使用緩存可以帶來巨大的性能優勢，節省寬帶，並降低服務器成本，但許多網站並不重視緩存，造成競爭條件，導致相互依賴的資源不同步。 絕大多數最佳實踐緩存屬於以下兩種模式之一： 模式一：不可變（immutable）內容 + 長 max-age 模式二：可變（mutable）內容，始終由服務器驗證 模式一：不可變內容 + 長 max-age Cache-Control：max-age=31536

http緩存 , Css , 瀏覽器緩存 , 前端 , Javascript

收藏 評論

user_p5fejtxs 頭像

林一一 - 瀏覽器原理-瀏覽器緩存和本地存儲篇

大家好，我是林一一，這是一篇關於瀏覽器 緩存原理 和 本地存儲 的文章，後續回持續推出關於，瀏覽器原理的文章。 一、瀏覽器的緩存篇 思維導圖 所謂瀏覽器的緩存，就是瀏覽器通過 HTTP 請求網絡資源後將資源留在本地的一種行為。在頁面上點擊 返回和前進的按鈕 就是利用瀏覽器的緩存。 瀏覽器的緩存分為兩種 強緩存 和 協商緩存。 瀏覽器緩存資源的位置放置四個地方 Service W

瀏覽器原理 , webstorage , cookie , 瀏覽器緩存

收藏 評論

user_kim 頭像

前端搬磚師 - 前端緩存大全

前端緩存一直是前端一熱門話題，也是面試高頻考點。主要涉及前端性能優化相關知識點。先來看看大綱： 之前也有寫過一遍關於http緩存的文章一文讀懂http緩存（超詳細），裏面寫的比較詳細。有興趣可以去看看，今天呢，主要是對前端緩存做一個較為全面的總結，希望對大家有所幫助吧！ 前端緩存大致分為兩類： 1、http緩存 2、本地緩存 一、http緩存 http緩存也稱為應用緩存，主要是緩存get請

cache-control , 緩存 , http緩存 , 瀏覽器緩存 , 前端

收藏 評論

ni_5e1946a1c2171 頭像

叻妮 - 前端緩存機制

什麼是緩存？ 緩存可以認為是資源的副本。它與本地緩存localStorage等不一樣，本地緩存更多的是數據記錄，數據量小；而緩存是為了減少請求，多用於文件，存儲量大。 前端緩存主要可以分為http緩存和瀏覽器緩存。 這裏先解釋一下後面會出現的詞 命中緩存：訪問的數據在緩存中 http緩存 什麼是http緩存 http緩存其實就是：當客户端向服務器端發送請求的時候，會先訪問瀏覽器緩存

緩存 , http緩存 , 瀏覽器緩存 , 前端

收藏 評論

maogexiaodi 頭像

沒有夢想的鹹魚 - 瀏覽器緩存機制介紹及前端優化方案

背景 緩存是用來做性能優化的好東西，但是，如果用不好緩存，就會產生一系列問題： 為什麼我的頁面顯示的還是老版本 為什麼我的網頁白屏 請刷新下網頁 ... 以上問題大家或多或少都遇到過，歸根結底是使用緩存的姿勢不對，今天，我們就來一起了解下瀏覽器是如何進行緩存的，以及我們要怎樣科學的使用緩存 瀏覽器的緩存機制 1. 什麼是瀏覽器緩存？ 簡單説，瀏覽器把 http 請求的資源保存到本地

瀏覽器緩存 , 前端

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 瀏覽器緩存機制(強緩存和協商緩存)

1、為什麼需要瀏覽器緩存？ 當我們訪問同一個頁面時，請求資源、數據都是需要一定的耗時，如果可以將一些資源緩存下來，那麼從第二次訪問開始，就可以減少加載時間，提高用户體驗，也能減輕服務器的壓力 2、有哪些緩存？ 瀏覽器緩存分為強緩存和協商緩存，當存在緩存時，客户端第一次向服務器請求數據時，客户端會緩存到內存或者硬盤當中，當第二次獲取相同的資源，強緩存和協商緩存的應對方式有所不同。 強緩存

瀏覽器 , HTTP , 瀏覽器緩存 , HTML , 前端

收藏 評論

murphywuwu 頭像

阿花和貓 - 📅 DAY 1🌸【每天30min】刷題打卡🧀 問題篇

關於無效刷題： 你有沒有這樣的感受，雖然刷了很多題，但是到了真正的面試中，面對面試官的步步緊逼的提問，仍然感到力不從心。這是因為，很多人剛開始刷面試題，可能會去收集一堆面試題，然後便開始按照順序一道一道這麼刷過去，這樣刷題的問題在於，雖然刷了很多題，但是每到題都是零散的點，對於這道題的相關知識點也沒有系統的整理和認識。所以在真正的面試中，面對面試官對某一個點一步一步深入的提問時，內心逐漸崩潰。 所

面試小抄 , 面試 , 面試問題 , http緩存 , 瀏覽器緩存

收藏 評論

yumiko_5c088de8aa1fe 頭像

yumiko - HTTP在前端的應用

最近打算寫一些前端知識的總結以及個人的見解，現在是第一篇，先寫一下關於HTTP相關的東西。 之前寫過一篇文章是關於curl命令與HTTP請求，裏面也提到一些關於HTTP的東西，這篇文章會再補充一下。 HTTP是什麼 HTTP即超文本傳輸協議（Hyper Text Transfer Protocol），是一個簡單的請求-響應協議，用於傳輸數據。 HTTP誕生之初主要是應用於WEB端內容獲取，隨

HTTP , http緩存 , 瀏覽器緩存 , 前端

收藏 評論

lianhuatongzina 頭像

蓮花童子哪吒 - 緩存就會用！它架構還沒聽過？分佈式多級緩存架構知識大瓶裝，25 張圖打包拎走

一談緩存，內心頓時豁然開朗。迫於key-value的形式，總感覺輕風扶面，楊柳依依，一切都盡在我掌握之中。猶如那一眼相中佳人的衝動，腦子裏盡是佳人的容顏。 那緩存如果站在網站架構的角度，你知道它的設計原理和影響作用嗎？ 絮叨 在商業的世界裏，常説的一句話是 現金為王。在互聯網、移動互聯網乃至整個軟件技術的世界裏面，與之相近的就是 緩存為王。 為何這麼説呢？ 試想一下，你個完整的網絡請

php , 緩存 , JAVA , 瀏覽器緩存 , 後端

收藏 評論

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - 案例解讀：深入理解瀏覽器的緩存機制

摘要：緩存可以減少網絡 IO 消耗，提高訪問速度。瀏覽器緩存是一種操作簡單、效果顯著的前端性能優化手段。 前言 瀏覽器緩存是前端性能優化的重要一環，對於前端效率提升的重要性，不言而喻。 之前對於瀏覽器緩存也是一知半解，這次藉着H5頁面緩存優化的東風整理了一下本地瀏覽器端的緩存機制，如強制緩存、協商緩存等，並且然後結合門户域各部件（官網、雲社區、雲市場、個人中心、APP）當前的緩存機制進一步分

服務器 , 瀏覽器 , 華為雲 , 緩存 , 瀏覽器緩存

收藏 評論

beckyyyy 頭像

beckyyyy - 瀏覽器緩存原理

本文可以配合本人錄製的視頻一起食用 目的 通常説到瀏覽器緩存，大多是和性能優化有關，使用緩存，通常是兩個主要目的，第一是提高訪問速度，第二是減少網絡IO消耗。 當合理配置了緩存，可以得到提升用户體驗、減輕服務器負擔、節省帶寬等效果，這是一種效果顯著的前端性能優化手段。 四個方面 瀏覽器緩存機制涉及四個方面，按照獲取資源時請求的優先級排序如下： Memory Cache Service Wor

瀏覽器 , 瀏覽器緩存 , 前端

收藏 評論

notrynosuccess 頭像

NoTryNoSuccess - 前端應用關於瀏覽器緩存策略問題

瀏覽器緩存類型 瀏覽器緩存的作用和好處無需多言，其根據是否需要向服務器重新發起 http 請求分為強緩存和協商緩存兩種類型。強緩存的優先級要高於協商緩存。 強緩存 強緩存機制下瀏覽器首先查找本地緩存，如果命中則不會向服務器發起請求。此時返回 200 狀態碼，並帶有 from disk cache 或 from memory cache 字樣。強緩存可以通過設置兩種 HTTP Header 實現：E

瀏覽器緩存 , spa , 前端

收藏 評論

fengshuan 頭像

前端森林 - 深入理解瀏覽器的緩存機制

引言 瀏覽器緩存，一個經久不衰的話題。 先來看一下百度百科對它的定義: 瀏覽器緩存（Browser Caching）是為了節約網絡的資源加速瀏覽，瀏覽器在用户磁盤上對最近請求過的文檔進行存儲，當訪問者再次請求這個頁面時，瀏覽器就可以從本地磁盤顯示文檔，這樣就可以加速頁面的閲覽。 緩存可以説是性能優化中簡單高效的一種優化方式了。一個優秀的緩存策略可以縮短網頁請求資源的距離，減少延遲，並且由於緩存文件

緩存 , 瀏覽器緩存

收藏 評論