如何利用 WordPress 中的瀏覽器快取來優化頁面載入時間

優化網站速度是一個永無止境的追求。總是有一些東西你可以調整,以減少每次加載的毫秒數。雖然這聽起來可能不是很多,但每次調整都會增加廣告。

我之前談過緩存,但那都是伺服器端快取。這是唾手可得的成果,因為你可以更好地控制它,從而產生更大的整體差異。

不過,一旦您摘下了唾手可得的果實,您仍然可以採取一些措施來加快速度。其中之一就是利用瀏覽器快取。

瀏覽器快取和伺服器快取之間的區別

前面我們討論了伺服器端快取。也就是說,保存昂貴操作的結果,貝里斯電話號碼數據 這樣我們就不會在每次頁面加載時執行它們。 API 呼叫和複雜的資料庫查詢是應該在伺服器端快取的很好的例子。我們有關物件快取的影片可以幫助您更好地理解這一點:

相反,瀏覽器快取與「昂貴的操作」無關,而是減少每次有人從您的網站加載頁面時透過網路拉取的實際位元組數。

貝里斯電話號碼數據

什麼是瀏覽器快取?

所有現代瀏覽器都會留出檔案系統的一部分來暫時儲存內容。這稱為緩存。現代網站由許多不同的內容組成:

超文本標記語言
圖片
CSS
JavaScript
其他媒體
其中一些內容是靜態的,因為它們永遠不會或很少改變。例如,您公司的徽標可能不會經常更改。將公司徽標的圖形儲存在瀏覽器的快取中意味著為繪製圖像而需要實際從伺服器獲取的東西少了一件。

WordPress 中的瀏覽器快取如何運作
當使用者在瀏覽器中輸入 URL 時,瀏覽器和伺服器之間就會開始對話。

瀏覽器:嘿,您託管此頁面嗎?

伺服器:是的,這是 HTML

瀏覽器: [讀取 HTML 並建立顯示頁面所需請求的內容清單]

瀏覽器:好的,這是我需要顯示頁面的其他內容的列表

伺服器:給你…

伺服器:給你…

伺服器:給你…

伺服器繼續運行,直到向瀏覽器提供了它所要求的所有內容。有時這些是小圖形,有時這些是大型 JavaScript 檔案或 CSS 檔案。無論它們是什麼,馬德里的新資料中心和 cdn 位置 如果沒有瀏覽器緩存,瀏覽器每次都必須詢問其中的每一項。

如果用戶正在造訪您的商店並瀏覽怎麼辦?

 

他們可能會點擊 5、10、15 頁。這些頁面的大部分內容都是一遍又一遍地重複相同的內容。您的基本 CSS、JavaScript、公司徽標…永遠不會在頁面之間發生變化。但瀏覽器每次都必須請求它,並且伺服器必須發送它。

瀏覽器快取的工作原理

控制瀏覽器快取
問題是瀏覽器不是那麼聰明。如果留給他們自己的設備,歐洲數據 他們只會快取所有內容並且從不要求任何內容。雖然這將使用戶體驗非常快,如何利用 WordPress 中的瀏覽 但最終瀏覽器將向用戶顯示舊數據。

您能想像您的瀏覽器儲存您最喜歡的運動球比賽的當前得分嗎?無論經過多少時間或刷新多少次,分數都不會改變,因為瀏覽器已經快取了分數。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端