如何緩存網站以獲得高峰性能：網絡緩存的初學者指南

學習如何緩存網站至關重要。緩存對於網站性能，用戶體驗和SEO很重要。實施它有幾種方法，您將在這篇文章中了解所有內容。

下面，我們討論什麼是緩存，其工作原理，其好處以及存在的不同類型。之後，我們向您展示了您可以使用三種不同的方法來啟用網站的緩存以及案例研究，以指出其對性能的影響。最後，我們將迅速介紹如何以及為什麼清除網站緩存。

什麼是緩存？

在最基本的層面上，緩存意味著將文件的副本存儲在緩存（臨時存儲位置）中，以使其可快速訪問。這是在許多軟件和技術領域中使用的方法，包括瀏覽器，程序和操作系統。

由於網站由不同類型的文件組成，因此它們也非常適合緩存。您可以存儲網站的HTML，CSS，JavaScript和圖像文件，以允許瀏覽器更快地訪問它們並更快地向您的網站顯示。

某些類型的內容比其他內容更適合緩存。例如，靜態內容（含義不經常變化）非常適合它。您的網站徽標是一個很好的例子，因為您不太可能經常切換它。

另一方面，經常變化的內容是另一回事。雖然您也可以緩存它，但您必須制定規則，以確保訪問者看不到過時的版本。很快就會有更多。

緩存網站的好處

緩存網站的主要原因是提高性能。如果瀏覽器可以更快地使用它需要顯示網站的文件，則訪問者會更快地查看網站。

這會帶來更好的用戶體驗，這使訪問者更有可能在您的網站上停留更長的時間，採取所需的措施，例如購買產品或以後返回。您的轉化率和底線的所有好消息。

網站速度也是搜索引擎關心的東西。十多年來，Google一直將其用作排名因素。此外，其核心Web Vitals Metrics專門測量了一個頁面的出現速度以及對用戶輸入的響應速度。

此外，緩存減輕了服務器的壓力。它減少了重複訪問者必須從您的網站下載的文件數量，以及您的服務器必須同時處理多少個請求。另外，緩存甚至可以使您將一些工作外包給外部服務器。

當您的網站變得越來越流行時，這一點尤其重要。緩存有助於使您的服務器不知所措。另外，如果您採用有限的託管計劃，它可以節省帶寬和成本。

緩存類型是什麼？

可以在加載過程的不同級別緩存網站。有兩種類型：服務器和客戶端緩存。

客戶端緩存與您的訪問者的計算機或瀏覽器（即“客戶端”）中發生的任何事情有關。另一方面，服務器緩存發生在包含您網站文件的機器上。

瀏覽器/客戶端緩​​存

當瀏覽器顯示網站時，他們必須下載大量數據。為了縮短重複訪問的加載時間，他們將許多內容存儲在訪問者的硬盤驅動器上，訪問速度更快。

其中一個例子是DNS緩存。這意味著本地保存與網站關聯的IP地址，因此瀏覽器下次您要訪問該網站時不必查找它。

此外，瀏覽器始終首先檢查其緩存，以查看是否存在任何必需的資產（例如圖像和其他文件）。這樣，他們就不需要與服務器聯繫太多。

服務器緩存

服務器緩存的形式不同。它們主要在服務器上保存的數據類型和數量不同：

• 頁面緩存：這意味著保存已經編譯的頁面的HTML版本，因此不必為每個訪問者從頭開始創建它。

• 對象緩存：在這裡，服務器保存數據庫請求以進行重複使用，例如在在線商店中的產品搜索。

• 片段緩存：描述存儲特定的網站元素，通常是圖像之類的靜態資源。

• CDN緩存：在這種情況下，您的網站數據副本位於不同位置的其他服務器上。它允許訪問者從最接近他們的服務器上下載它。

緩存的工作原理

查看以下圖像：

從以上，已經很容易理解緩存的工作方式：

1. 用戶在URL中鍵入URL和Web瀏覽器，檢查是否在緩存中具有所請求的頁面數據。

2. 如果確實如此，它將向服務器發送一條消息，以聲明其保存的文件版本。

3. 服務器驗證是否有較新的版本，如果有的話，將發送更新的資源。如果以前請求它們，服務器可以從自己的緩存中傳輸它們，而無需從頭開始處理它們。

4. Web瀏覽器使用其緩存中的現有數據以及從服務器發送的任何數據顯示了請求的網頁。

現在是時候談論使緩存成為可能的技術的時候了：緩存標題。

了解請求和響應標題

請求和響應標頭是由瀏覽器和服務器交換的小文本。它們包括重要的信息和指令，用於它們之間傳遞的數據。

他們要做的一件事是為此目的配置緩存行為，並存在幾個標頭。它們包括緩存控制，到期，最後修飾和ETAG。緩存標頭基本上以兩種方式工作：

1. 聲明網站文件是否應完全緩存，多長時間以及誰（瀏覽器和/或服務器）。

2. 標記文件的年齡和“版本”，以便僅在服務器上有較新版本時瀏覽器將其重新下載。

所有這些都有助於減少需要傳輸以加載網站的文件的數量和數據的數量，從而有助於加快流程。儘管緩存的標頭似乎有些技術性，但重要的是要注意，尤其是如果您決定手工配置服務器上的緩存。

如何緩存網站：3個要考慮的選項

在所有這些理論之後，讓我們討論如何用實際術語來緩存網站。

1。手動啟用緩存

手動配置緩存是最複雜的方法，因為它要求您手動在服務器上設置緩存標頭。

第一步是檢查現狀，因為您的託管提供商或您的網站軟件可能已經為您完成了一些工作。為此，在瀏覽器中打開您的網站，訪問開發人員工具（在大多數瀏覽器中，CTRL/CMD+Shift+I），請轉到網絡選項卡（您可能必須重新加載頁面才能在此處查看某些內容）。

單擊任何資源以查看其請求和響應標頭。

之後，您需要定義您的緩存策略。對於每種用例，這看起來都不同。例如，新聞網站需要比小冊子網站較短的緩存間隔。新聞網站的內容在一分鐘內發生了變化，而小冊子幾乎保持不變。

通常，您想嘗試平衡緩存持續時間和數據新鮮度：

• 緩存靜態資產更長，例如媒體文件和可下載的內容。例如，您可能可以在最長一年的時間內緩存徽標和字體文件。

• 使用緩存控制：無存儲的資源，這些資源永遠不應該被緩存。

• 包括驗證器，例如最後修飾或ETAG，以確保資源新鮮度，而無需犧牲緩存的好處。一些網絡緩存還需要一個年齡控制的標題和驗證器才能工作。

下一步是在服務器上實現所選的設置。如何執行此操作取決於您的服務器正在運行的軟件。以下是最常見設置的說明：

• nginx

• apache

另外，您的託管提供商也可以提供緩存以及從託管面板中激活它的能力。

2。使用CDN

緩存您的網站的另一種方法是註冊CDN。為此，您首先需要選擇CDN提供商。我們將在此處以CloudFlare為例，因為它是最受歡迎的服務之一。

首先註冊您選擇的CDN。轉到他們的網站並創建一個帳戶。

選擇適合您需求並提供網站地址的計劃。

之後，您需要更新DNS設置。 CDN提供商將掃描您當前的記錄，然後向您顯示其名稱服務器。

將其登錄到您的域註冊商（例如Namecheap，Godaddy或Google域），找到DNS設置部分，並用CDN給您的名稱服務器替換現有名稱服務器。

保存修改，然後等待。 DNS變化可能需要幾個小時才能完全傳播。完成後，您的網站將成功通過CDN路由。最後一步是確保啟用了CDN的緩存。

3。使用緩存插件

最後，如果您使用的是WordPress網站，則可以使用諸如WP Rocket之類的性能插件。它會自動照顧與緩存有關的所有內容，因此您不必處理技術零件。另外，您需要做的就是安裝和激活插件。

執行此操作後，緩存立即在您的網站上活動，包括用於移動設備的專用緩存。根據高級規則，您可以進一步調整緩存。

除其他選項外，您可以確定緩存壽命並定義您不想使用緩存的頁面，cookie和用戶代理。您會在文檔中找到更多信息。

除緩存外，WP Rocket還提供更多功能來加快您的WordPress網站，包括：

• 圖像和視頻的懶惰加載

• 推遲渲染阻滯資源

• 預加載緩存，鏈接，外部文件和字體

• 自我託管的Google字體

• 數據庫優化

• 能夠輕鬆連接到包括RocketCDN的CDN，即WP Rocket自己的CDN。

更重要的是，WP Rocket在後台實現了許多額外的績效改進。其中包括GZIP壓縮，縮小CSS和JavaScript文件，並在折疊上方優化圖像以改善最大的內容塗料。

緩存網站的性能影響：案例研究

為了檢查緩存對改善現實生活中網站速度的影響，我們建立了一個帶有一些虛擬內容的測試網站，並通過激活WP Rocket之前和之後通過Pagespeed Insight進行了運行。

這是無需緩存的移動設備的結果：

現在，讓我們看看激活緩存後會發生什麼：

雖然效果並不大，但它們是引人注目的。尤其是將速度指數值提高三秒鐘的提高沒有嘲笑。

正如我們在整篇文章中所討論的那樣，緩存對反复訪問者的影響最大。由於PagesPeed Insights故意並不能利用緩存所提供的太多優勢，因此難怪效果不會更大。對於您網站的重複訪問者來說，應該更明顯。

如果您想知道，下面是當您在WP火箭彈中更進一步的速度改進時，會發生什麼，例如刪除未使用的CSS，推遲JavaScript，懶惰的圖像加載和預加載。它要做的就是檢查一些盒子。

如何清除網站緩存

清除網站的緩存對於解決問題，添加新功能以及確保訪問者可見最新內容是必需的。自然，由於緩存發生在不同級別上，因此也有不同的方式清空。

刪除瀏覽器緩存

清空瀏覽器緩存的確切方法取決於您正在使用的瀏覽器，但所有瀏覽器都在其設置中具有選項。在Chrome中，您可以在隱私和安全性>刪除瀏覽數據下發現它。

清除服務器緩存

如果在您的服務器上實現了緩存，則您的託管提供商很可能可以選擇清除它。

清空CDN的緩存

清除CDN緩存自然會通過您的CDN提供商發生。例如，在CloudFlare中，該選項可在緩存>配置>“清除緩存”下可用。

在您的網站上清除緩存

如果您使用插件來緩存您的網站，則通常在某個地方有一個按鈕，該按鈕可以清除緩存。 WP Rocket會在適當的時間自動清除網站緩存，例如更改其設置，發布新內容，修改網站或緩存壽命耗盡時。

如果您想手動執行此操作，可以在WordPress後端的設置> WP Rocket下直接在儀表板上找到此選項。

您還可以通過將懸停在該條目懸停在WordPress編輯器內的單個頁面或從頁面或帖子菜單中清除緩存。

您如何緩存網站？現在你知道了

緩存是使您的網站更快的最基本方法之一。這是一種簡單的方法，可以減少需要傳輸的數據量，以供訪問者查看您的網站。

在不同級別的加載過程中，可以使用緩存，並且可以針對不同的網站元素，儘管原理保持不變。

使用WP Rocket自動在WordPress網站上實現緩存，並利用數十種其他性能功能和最佳實踐，以使您的網站立即更快。該插件帶有14天的退款保證，因此您可以完全無風險測試。