目錄

WordPress優化

WordPress優化:WordPress如何利用 LiteSpeed Cache 把 PageSpeed 和 GTmetrix 優化高分數

WordPress優化 頁面速度應該是每個網站站長的首要任務,主要是它直接影響WordPress SEO,因為網站加載的時間越長,跳出率就越高。這可能會阻止為您的網站帶來流量並產生轉化。

很多人為了 網站 SEO 、 WordPress優化 網站或是網站流量分析數據安裝了大量的外掛工具,這是錯誤的做法,這不但會造成網站過於肥大也拖慢了網站效能更造成資料庫速度緩慢,屆時不是網站時常當機就是 TTFB 載入時間過於緩慢,導致網站優化分數不高。

所以WordPress優化首要前提是正確的使用 WordPress 外掛與快取配置來緩存您的網站,這更可以讓您感受到明顯提高 WordPress 性能。本篇文章我們將為您說明如何使用 LiteSpeed Cache 調整出最佳緩存並優化您的網站頁面。

今天我們測試了 LiteSpeed Cache 外掛並配置了三個不同網站的設定。本文將引導您完成我們得到最佳結果而應用的配置。

在深入了解如何設定之前,先讓我們了解一下 LiteSpeed Cache 外掛吧。

什麼是 LiteSpeed Web Server?

LiteSpeed Web Server (LSWS) 主要在加速網站性能的網頁伺服器軟體(HTTP Server)。由於 LiteSpeed Web Server 採用事件驅動架構,可以用更少的進程處理更高的流量進而減少資源使用並提高網頁速度。

LiteSpeed Web Server 還具有內置的 Apache 替代品並且支援 .htaccess,讓用戶可以從 Apache 切換到 LSWS 並使用現有配置。此外,它還可以與幾個主流的虛擬主機管理介面一起使用,例如 WHM、Plesk、DirectAdmin 和 CyberPanel。

目前有兩個版本的 LiteSpeed Web Server可用:

  • LiteSpeed Enterprise – 適用於代管多個網站或虛擬主機環境。它會自動檢測對.htaccess文件的更改並調整設定,不需要重新啟動伺服器與服務。
  • OpenLiteSpeed – 具有所有基本功能的 LiteSpeed Enterprise 的開源版本。每次加載新的.htaccess文件時都需要重新啟動。因此,此 Web 服務器通常用於單個網站。

而在優化頁面速度和性能方面,LSWS 使用 LiteSpeed Cache 的內置伺服器級快取來加速網站性能。

說到 LiteSpeed Cache 這個外掛是 LiteSpeed 的產品,具備高級快取和優化功能更可以優化網頁上的動態內容。除此外也可作為一般優化用的外掛並可以應用在多種 CMS,這些 CMS 包括了 WordPress、Joomla、Drupal、Magento…等,是一個非常方便的一個外掛軟體。而現在我們就要來探討 LiteSpeed Cache for WordPress。

LiteSpeed Cache for WordPress (LSCWP) 通過存儲網站內容的副本以供將來請求使用,這也讓伺服器處理更少的連線請求並且可以更快地呈現網頁,這還可以降低 CPU 使用率已達到伺服器可以發揮更多效能。

當然需要伺服器快取的功能僅在 LiteSpeed Web Server 中可使用。另一方面,優化功能可用於任何 Web 伺服器,包括 OpenLiteSpeed、Nginx 和 Apache。這些功能包括圖片優化、CDN(內容分發網路)集成和 CSS/JS 修改。

現在先讓我們看看 Google PageSpeed Insights 在設定 LiteSpeed Cache 之前對測試網站的移動版和桌面版的評分:

Litespeed cache 使用前的google PageSpeed 分數

為 WordPress 配置 LiteSpeed Cache 後,兩個版本都獲得了滿分:

為 WordPress 配置 LiteSpeed Cache 後,兩個版本都獲得了滿分

LiteSpeed Cache 外掛在 LSWS、Nginx 和 Apache 上的效能表現

既然 Litespeed Cache 可以在各種 Web Server 上使用,表現上卻沒有在 Litespeed Web Server 亮眼,只能說 WordPress主機推薦 有 Litespeed Cache 與 Litespeed Web Server 真的是絕配,有如關老爺遇到胭脂馬般,小編自己測完後的感覺。(當然同一家公司出產的產品,效能優化部分一定不會胳臂往外彎)。

TAKI Cloud WordPress主機 LSWS效能表現
average req/s(the high the better)
average MB/s (越高越好)

如上三張圖示,LiteSpeed Web Server 分數最高。將 LiteSpeed Web Server 與 WordPress 的 LiteSpeed Cache 配對肯定會是您的網站效能最佳選擇。

由於 TAKI Cloud 的 WordPress主機 是共享虛擬主機,在共享資源下數據明顯有降低些,如果在獨享資源下(VPS),表現是與 Litespeed Web Server on VPS 數據是一樣的。

安裝 LiteSpeed Cache 外掛

目前所有 TAKI Cloud WordPress主機帳戶都預先裝了 LiteSpeed Cache 外掛。因此只要是 TAKI Cloud WordPress主機 用戶可以繼續跳過外掛安裝步驟。

如果您使用不同的虛擬主機或是其他的虛擬主機服務商,就請依照以下說明安裝 LiteSpeed Cache for WordPress。

  1. 登錄到您 WordPress 後臺管理面板後在左邊選單列中點選外掛選項(Plugin)。
  2. 外掛選單裡有個選擇項目 – 安裝外掛 這選項點選下去,然後在右上方搜尋欄搜尋 LiteSpeed Cache,找到外掛後點安裝,安裝完畢後點選啟動。
  3. 刷新頁面後 LiteSpeed Cache 便出現在您的面板上。

安裝 WordPress 外掛後請記得必須把這些外掛進行配置。閱讀以下我們的說明並找出最適合您 WordPress 網站的 LiteSpeed Cache設定。

建議設定時需要一個一個功能設定,因為有時外掛會與您的版型主題有所衝突導致跑版,這時還可以退回操作,恢復原有畫面,如果您一次全開所有功能,您將無法找到哪個功能導致跑版,後續要找哪個功能有衝突到會很難找,這需要注意

LiteSpeed Cache for WordPress 外掛的最佳設定

我們在虛擬主機上測試了三種 WordPress 網站並安裝 LiteSpeed Cache 外掛與使用原有的預設值(沒使用快取)來做比較,這三種 WordPress 網站中有一個簡單的部落格、一個具有woocommerce的購物商城以及一個線上作品集形象網站。

注意!在 GTmetrix 上測試性能時,無論您使用的是什麼 Cache 外掛,都要多執行幾次,因為快取可能不會在第一次被加載。再者請務必在測試任何新設定之前需要清除快取。

這篇文章我們會把每個設定的詳細說明,以幫助讓使用者決定是否需要使用。(Litespeed Cache 功能真的很多,講起來真的很…)

1. 完成基本設定

在我們要開始完成基本設定的步驟之前,讓我們比較三個網站的效能測試結果。

nginx與apache在有緩存與沒有緩存在GTmetrix與PageSpedd分數比較
OpenLitespeed與 LSWS 在有緩存與沒有緩存在GTmetrix與PageSpedd分數比較

上圖示了表現啟用與配置 LiteSpeed Cache 外掛後整個網站性能明顯提升。

出於如此高效能原因,我們先引導您了解 LiteSpeed Cache 外掛的特性和功能,以及要應用的最佳設定 … 我們先從”一般” 這功能頁面開始。

在這頁面上的第一個選項是自動升級。將此按鈕切換到 ON 會提示系統安裝最新版本的 LSCache 外掛。

LiteSpeed Cache 外掛從"一般" 頁面的第一個選項是自動升級

接下來選項 Domain Key,這裡可以添加您的 Domain Key,也稱為 API 密鑰。如果您想使用QUIC.cloud 功能和服務,這一點很重要。只需點擊Refresh Domain Key

接下來選項 Domain Key,這裡可以添加您的 Domain Key,也稱為 API 密鑰。如果您想使用QUIC.cloud 功能和服務,這一點很重要。只需點擊Refresh Domain Key

我們在後面再詳細討論如何設定QUIC.cloud。現在先說明下一部分,您將看到 Guest Mode。

Litespeed cache 的 Guest Mode設定

此選項為訪問者首次瀏覽提供自動可緩存登錄頁面。當您啟用 Guest Mode 時,伺服器將不必獲取訪問者的資訊,而是為他們提供默認的 Cache 頁面。因此,頁面加載時間會更短。

提供 Cache 頁面後,伺服器將進行 Ajax 調用以獲取訪問者瀏覽正確的網頁。要啟用 Guest Mode,只需將其打開即可。

要優化 Guest Mode,請使用 Guest Optimization 選項。

litespeed cache 的 Guest Optimization

啟用此設定後,伺服器不僅會提供默認快取頁面,還會執行圖片和頁面優化,即使這些功能被禁用。

當然 Guest Optimization 可能會佔用您的一些 WordPress 網站資源,因此最好在啟用此設定之前諮詢您的虛擬主機提供商。

在下方,您的 Server IP 地址有一個伺服器 IP 字段。包含您的 IP 地址將允許爬蟲直接從您的伺服器檢索資源,進而提高您網站的性能。

litespeed cache 的 server ip

有關您網站的 IP 地址的資訊,請聯繫您的虛擬主機提供商。TAKI Cloud 用戶可以到我們的後台查看目前開啟的服務中有WordPress主機服務 IP 或是在 Plesk 登入面板可以看到伺服器  IP。

再往下,有 Notifications 選項。通過啟用它,您將獲得有關 LSCache 外掛開發的最新資訊,資訊包含促銷和最新版本通知。

Notifications 選項。通過啟用它,您將獲得有關 LSCache 外掛開發的最新資訊,資訊包含促銷和最新版本通知

請務必在設定完成後保存更改。

2.調整 Cache 設定

LiteSpeed Cache 設定頁面包括主要適用於 LiteSpeed Web Server 或 QUIC.cloud CDN 的功能。LiteSpeed Cache 設定頁面中有多個功能,本章節將介紹所有 Cache 功能,以幫助您選擇最佳方法。

  • Enable Cache – ON:打開此選項將觸發系統自動快取您的 WordPress 網站。雖然關閉此功能不會影響您網站的內容,但所有快取的文件都將被清除。我們建議保留默認設置以獲得更好的加載時間。
Enable Cache
  • Cache Logged-in Users – OFF:此設定會自動快取已登錄用戶的網頁。但是,啟用此設置會佔用伺服器資源。除非您運行會員網站,否則最好禁用此選項。
Cache Logged-in Users
  • Cache Commenters – OFF:此設定取決於您的評論審核設定。如果同時啟用快取評論者和快取審核設定,用戶將不會立即看到他們的評論。相反,如果快取評論功能被禁用,用戶將看到他們的待處理評論。
Cache Commenters
  • Cache REST API – ON:這使您能夠緩存來自 WordPress REST API調用的請求。這些調用通常由 WordPress 集成的第三方網頁應用程式進行,這有包含主題、外掛和編輯器。
Cache REST API
  • Cache Login Page – ON:它提供登錄頁面的緩存版本。最好啟用此功能,因為每次訪問者登陸您的頁面時,它都會讓您的 WordPress 網站加載速度加快。
Cache Login Page
  • Cache favicon.ico – ON:啟用Cache favicon.ico這功能將有助於避免不必要的 PHP 調用並使伺服器 response 更快,不然系統會為了尋找 favicon.ico 檔案而強制 WordPress 後端 PHP 執行導致降低您的 WordPress 網站速度。
  • Cache PHP Resources – ON:這功能是緩存靜態檔案,包括 WordPress 主題生成的 CSS 與 JS 檔案。啟用 Cache PHP Resources 設定可以加快性能並避免執行不必要的 PHP 腳本。
Cache favicon.ico
Cache PHP Resources
  • Cache Mobile – ON:這功能可以讓您在電腦和手機上提供不同的緩存內容。除非您的 WordPress 網站有AMP(加速移動裝置頁面)版本,否則我們建議您關閉此功能。
Cache Mobile
  • 行動版使用者代理程式清單:這個設定是在您打開手機緩存功能時可用。您可以以重寫規則友好的格式添加移動裝置使用者代理列表。每個使用者代理可以寫在一行上。

Private Cached URIs:這裡設定是您自己有設定一個自己的緩存針對您的用戶登入會員選項而設定的緩存才做使用,如果您沒有特定頁面需要做私有緩存那就留空吧。

Private Cached URIs

強制進行快取的 URI:任何無法快取的設定,在這系統都會強制寫入快取提供每個路徑。一般來說,您不必擔心此功能,因為您不需要為大多數頁面強制快取。

Force Public Cache URIs

Force Public Cache URIs:強制將特定內容類型快取為公共,這裡留空就好。

強制進行快取的 URI

Drop Query String:忽略字段中添加的任何查詢字符串並加快網站加載時間。默認設置已經列出了一些最常生成的字符串。但是,如有必要,您可以添加更多查詢字符串。

Drop Query String

總而言之,Litespeed Cache 外掛的默認設定適合大多數 WordPress 網站。當然您也可以根據網站的需要調整它們。

除了 LiteSpeed Cache設定頁面,我們也簡單說明其他可用部分及其主要功能:

  • TTL (Time To Live) :此功能控制特定內容類型在快取存儲多長時間。默認設定值應該可以正常工作,但您可以根據需要減少或增加。
  • Purge:提供從快取中刪除某些內容類型的所有設定。我們建議在做任何升級啟用清除,這樣可以讓系統在更新後清除過時的快取。如果您有足夠的資源,請啟用伺服器快取以獲得更好的性能。
  • 排除項目:從快取中排除某些內容連結。需要填寫包含站點 URI 和查詢字串。相應地填寫字串,系統將阻止它們被快取。
  • ESI(Edge Side Includes) :將網站頁面的特定部分分成片段。您可以選擇將這些部分存儲在公共或私人快取中。一旦啟用,系統將在將頁面提供給瀏覽器之前重新組合頁面。
  • Object:默認情況下禁用object 快取功能。但是,啟用此功能將提升伺服器更快地檢索和顯示頻繁的資料庫查詢。由於啟用此功能涉及技術參數,請先諮詢您的虛擬主機提供商。

注意!很多虛擬主機商不提供 Memcached 或 Redis,特別是 Redis,主要是對於伺服器而言資源需要夠,很多在共享虛擬主機中由於資源不是那麼足夠或許 Memcached會開放,但是說到 Redis 就不一定了。

如果您是 TAKI WordPress主機 的用戶,您可以開啟 object 快取功能並且您可以選擇 Memcached 或 Redis,依您自己喜好去做設定,這裡小編推薦選擇 Redis,如果是一般小網站其實 Memcached 就夠用了。
什麼?Memcached 或 Redis 2個同時啟用?泥碼的就別鬧了,Litespeed Cache只能讓您二擇一,狼客別這麼貪心了。

  • Browser:這功能是啟用瀏覽器快取讓系統自動將您的 WordPress 網站動態內容存儲在用戶的瀏覽器快取中。伺服器將處理更少的瀏覽器請求並更有效地為頁面提供服務。
  • 進階設定:此選項的設定是為高級用戶指定的。在這裡,您可以啟用 HTTP/HTTPS 功能以避免與登錄 cookie 發生衝突。此外,當訪問者將鼠標懸停在網頁上時,即時點擊功能可以在後台加載網頁。

3.優化頁面和圖像優化選項

LiteSpeed Cache 外掛包括 WordPress 網站上動態內容的優化工具,這工具包含圖像和網頁優化。花時間配置這些設定很重要,因為它們會影響您網站的 SEO。

本節將引導您了解每個優化選項上的功能和設定。

圖片最佳化

每當有人訪問您的 WordPress 網站時,瀏覽器都會請求資源並下載您的圖片,然後再顯示它們。因此,瀏覽器將花費更長的時間來加載、調整大小和渲染未優化的圖像。

LiteSpeed Cache 外掛提供了一個方便的解決方案,它可以通過調整圖像大小針對單一張圖片優化或批量優化圖片。

 

進入圖片最佳化頁面後,您將看到圖片優化摘要選項。此選項監控多個指標,例如尺寸縮小和從您的網站拉取的圖片總量。

Image Optimization Summary

此外,您還可以使用其他一些功能,例如:

  • Gather Image Data:上傳新圖片後可用。完成後,將出現“發送優化請求”按鈕,使您能夠將圖片發送到 LiteSpeed 主機裡。

注意!此功能是在您添加域名密鑰並啟用 QUIC.Cloud CDN 後才可以使用。

  • Pull Images:將優化後的圖片從 Litespeed雲端主機拉回您的 WordPress 網站。
  • Clean Up Unfinished Data : 刪除未完成圖片優化的進程並在優化過程卡住時重新啟動它們。
  • Calculate Backups Disk Space : 計算備份文件的可用硬碟空間。
  • Remove Original Image Backups : 刪除原始圖片的備份以釋放硬碟空間。我們建議在選擇此功能之前將備份下載到您自己的電腦裡,因為刪除所有備份後,您將無法恢復優化設定。
  • Rescan New Thumbnails : 掃描您網站上新添加的圖片並向系統發送優化請求。
  • Use Original Files & Use Optimized Files : 提供在您網站上原始未優化圖片與優化圖片之間切換的選項。
  • Destroy All Optimization Data : 刪除所有資料並將所有設定恢復為原始預設值。

現在,讓我們繼續下一個選項並為您的 WordPress 網站應用最佳優化設定。請點擊Image Optimization Settings,您將看到很多需要調整的功能:

  • Auto Request Cron – ON:每當上傳新圖片時,此功能會自動通過 WordPress cron 作業發送優化請求。
  • Auto Pull Cron – ON:它與前面的功能一起工作。因此,您應該啟用這兩個功能。否則,您將需要使用 Pull Images 按鈕發送每個新上傳的圖片。
  • Optimize Original Images – ON:您應該打開此功能,因為它會優化.png和.jpg圖片並生成備份文件。只有當您不想優化圖片時才禁用它。
  • Remove Original Backups OFF:請記住,此功能是不可打開的。啟用它將刪除所有備份,防止您恢復任何優化設定。
  • Optimize Losslessly ON:這將使用無損壓縮優化您的圖片。
  • Preserve EXIF/XMP data OFF:默認情況下啟用此設置。但是,保留 EXIF/XMP 資料可能會增加優化圖片的大小。因此,最好禁用此功能。
  • Create WebP Versions ON:打開此功能將生成圖片的.webp文件。這會導致更大的尺寸減少高達 30%,從而加快您的網站加載時間。
  • Image WebP Replacement ON:如果您啟用了之前的設定,您還應該打開此選項,因為它會將.jpg和.png圖像替換為.webp文件。
  • WebP Attribute To Replace。控制要替換為.webp的圖片格式。只需在框內每行輸入一個圖片屬性。
  • WebP For Extra srcset ON:它可以將帶有srcset元素的自定義代碼為.webp版本提供服務。
  • WordPress Image Quality Control:默認圖片質量應該可以正常工作。您可以根據需要調整設定,但請記住將值保持在 100 以下。

Page Optimization

設定好圖片最佳化設定後,下一步就是調整 Page Optimization(頁面優化)功能。如果不這樣做,可能會導致加載時間變慢和頁面分數變差。

在 Page Optimization 方面,LiteSpeed Cache 外掛提供了很多選項來提高您的 WordPress 網站性能。此頁面包含優化 HTML、CSS 和 JS 文件的最重要設定。

Page Optimization

Page Optimization 頁面分為幾個部分,我們將大略敘述每個部分功能。

CSS Settings
  • CSS Minify – ON:此設定會去除不必要的元素,例如 CSS 文件中的多餘空格和換行符。
  • CSS Combine OFF:啟用此選項將提示系統將所有單獨的 CSS 文件合併到一個 CSS 文件中。但是,除非您有額外的空間,否則我們建議禁用它,因為此功能會佔用資源。
  • Generate UCSS OFF:此設定與CSS 組合功能一起使用。因此,如果您決定禁​​用之前的功能,您還應該關閉此設定。
  • UCSS Inline OFF:它通過將 UCSS 與 HTML 內連存儲來減少額外的 CSS 文件加載。該功能還可以與CSS combine協同工作,因此只有在您打開之前的設定後才能啟用它。此外,啟用此功能將繞過Load CSS Asynchronously選項。
  • CSS Combine External and Inline OFF:此選項有助於將外部 CSS 文件與帶有 HTML 內連元素的文件結合起來。為避免錯誤,請使用CSS combine啟用此選項。
  • 以非同步方式載入 CSS OFF:啟用此選項可讓您的 CSS 和 HTML 元素同時加載。但是,它們可能會在沒有格式化的情況下加載。這可能會導致佈局偏移或無樣式內容 (FOUC) 的閃現。
  • CCCSS Per URL OFF:關閉此功能將為每個帖子類型而不是單個頁面生成關鍵 CSS。這將節省 CCSS 配額和硬碟空間。
  • Inline CSS Async Lib ON:此選項通過內連異步 CSS 庫來避免渲染阻塞。
  • Font Display Optimization:保留默認值,因為修改此設置可能會導致 FOUC 問題。
JS Settings
  • JS Minify ON:這功能可以刪除優化 JS 後產生不必要的腳本。
  • JS Combine OFF:這會將所有 JS 文件組合成一個文件。
  • JS Combine External and Inline OFF:此功能的工作方式類似於組合的 CSS 外部和內連選項。您必須打開了先前的功能時才啟用此功能。
  • Load JS Deferred : 在調整此選項之前,請進行一些測試,因為結果可能會有所不同。如果選擇 Deferred,系統會先載入 HTML 再加載 JS。同時,延遲選項僅在系統檢測到用戶有動作(移動滑鼠)時才會載入。
HTML Settings
  • HTML Minify ON:刪除 HTML 代碼中不必要的代碼。
  • DNS Prefetch:在訪問者請求之前對列出的域名進行 DNS 解析,進而減少頁面加載時間。這對於加載外部鏈接很有用,例如 AdSense 或 Facebook。
  • DNS Prefetch Control  ON:如果您在之前的設定中添加鏈接,此功能將自動預先快取在欄位中列出的 DNS 以及您的文章與頁面裡所有連結,包括 CSS、JavaScript 和圖片。
  • HTML Lazy Load Selectors:通過在提供的字串連結中每行添加一個來指定要延遲加載的 ID。
  • Remove Query Strings OFF:此選項通常不會直接影響您網站的性能,因此將其關閉應該沒問題。
  • Load Google Fonts Asynchronously OFF:它異步加載 Google 字體,同時保持其他 CSS 元素不變。但是我們建議禁用此選項,因為大多數 Google 字體已經快取在訪問者的瀏覽器中。
  • Remove Google Fonts ON:當您在您的虛擬主機存儲字體並且不希望在您的 WordPress 網站加載任何第三方字體時才啟用此設置。
  • Remove WordPress Emoji ON:啟動此功能將阻止系統加載 WordPress.org 表情符號並改為加載默認表情符號。
  • Remove Noscript Tags  OFF:這個選項打開有助於確保所有瀏覽器的兼容性,包括舊版本。
媒體設定
  • 延遲載入圖片 – ON:此選項允許系統延遲加載您網站上的圖片。雖然這樣做可以加快加載時間,但可能會影響用戶體驗。
  • Basic Image Placeholder:當您啟用延遲加載時,將顯示一個灰色圖片 placeholder。但是,您也可以通過定義圖片的 base64 添加來自定義它。使用線上工具轉譯出圖片的 Base64 編碼。
  • Responsive Placeholder – ON:此選項使您的灰色圖片 placeholder 能夠適應圖片的尺寸,從而減少佈局重組。
  • Responsive Placeholder SVG:指定要用作佔位符圖像的 SVG 文件。系統會自動將其轉換為 Base64 placeholder。
  • Responsive Placeholder Color:默認值或者通過移動顏色選擇器自定義顏色。
  • LQIP Cloud Generator – OFF:啟動這功能將生成一個低質量的灰色圖片 placeholder ,在加載時顯示圖片的模糊版本。如果您喜歡使用純色作為placeholder,請關閉此設定。
  • LQIP Quality:定義 LQIP 的質量,取值範圍為 1 到 20,數值越高,分辨率越高。但是設定較大的值可能會增加加載時間。
  • LQIP Minimum Dimensions:LQIP 只會出現在與設定中指定尺寸相同的圖片上。它不會加載到具有較小高度和寬度的圖片上。
  • Generate LQIP In Background – ON:開啟這選項讓系統透過 Cron 的方式在後台加載 LQIP。將其關閉可能會增加您的加載時間。
  • Lazy Load Iframes – ON:它的工作原理類似於延遲加載圖片。此功能有助於延遲加載,例如地圖和影片。
  • Add Missing Sizes – ON:為您的圖片設定自定義的寬度和高度,並幫助 LiteSpeed Cache 插件自動添加缺少的圖片尺寸。此設定僅在圖片延遲加載打開時有效。
Media Excludes

這些設定主要是將某些圖片不想被延遲加載。排除主要圖片(例如 Logo 和背景圖片)可以改善用戶體驗。這是因為您希望這些圖片能在頁面首先顯示。

要從延遲加載中排除,只需要相對應在提供框裡中填寫資訊。例如,class和class名稱來排除圖片。

Localization
  • Gravatar Cache – ON:這是讓系統在 Localhost 存儲 gravatar。這對於有很多帶有 gravatar 的評論的 WordPress 網站最有效。
  • Gravatar Cache Cron – ON:如果您啟用了上一個選項,您還應該啟用此選項以通過 cron 方式刷新 gravatar 快取。
  • Gravatar Cache TTL:定義 gravatar 的快取時間。默認值應該可以正常工作。但是,您可以自定義此值,只要它高於 3600 秒即可。
  • Localize Resources – OFF:如果PageSpeed 和 GTmetrix建議對 JavaScript 和對於 Google 或 Facebook 等其他資源進行優化(EX:Google Analytics),您又無法控制此類資源,也無法優化它們,這時您只要將 Localize Resources 設定為 ON,資源將被複製到您的本地系統,並可以根據需要進行優化。
微調

這裡所有設定都用於排除特定元素(例如 CSS、JS 和 URL)被縮小和組合。

通常,除非在縮小或組合 CSS/JS 後發現不尋常的文件,否則您不必過多地調整這些設定。如果有這種情況下,您可以在提供的框中列出文件。

微調設定

完成配置設定後,請務必儲存設定。

4.設置QUIC.cloud CDN(可選)

QUIC.cloud 是 LiteSpeed Technologies 的CDN,提供動態快取。這個 CDN 使用世界各地的伺服器快取儲存網站內容。每當訪問者發出請求時,伺服器將從最近的伺服器位置獲取資源。

將 QUIC.cloud CDN 與 LiteSpeed Cache 的快取功能配對可以大大提高您的頁面速度。這裡我們來說明啟用此CDN的步驟。

為此,首先為 WordPress 設定 Cloudflare。這樣做可確保以最佳方式快取您的所有網站內容,QUIC.cloud CDN 將緩存所有動態頁面,而 Cloudflare CDN 將處理靜態內容。

在伺服器上設定 Cloudflare 後,下一步就是獲取 Domain Key。我們先切換到 “一般” 頁面,在 Domain Key 旁邊找到 “Refresh Domain Key” 按鈕然後點這個按鈕。

Domain Key

這裡原本框裡是空白的,當您點擊Refresh Domain Key後,等待系統處理您的請求,此時會刷新您的 WordPress 管理頁面。該過程完成後,系統將自動填入Domain Key。接下來,點擊 link to QUIC.cloud 按鈕。

這將帶您進入 QUIC.cloud 註冊頁面。繼續填寫註冊所需要的資訊(當然您也可以直接點用google gmail直接註冊,這樣做法會比較快)。

註冊完成後,系統將向註冊地址發送一封驗證電子郵件。打開電子郵件並單擊附加的鏈接。

完成Quic CDN電子郵件驗證

如果您看到上面的消息,則您已成功將您的 WordPress 網站與 QUIC.cloud CDN 配對。現在,點擊“我的儀表板”按鈕返回 WordPress 後台。

儘管您已經完成了註冊過程,但您仍然需要正確配置您的 DNS 設定。我們到CDN部分並尋找 QUIC.cloud 選項。

QUIC.cloud CDN

接下來,請訪問您的 Cloudflare 儀表板以獲取 Global API Key 作為配置。

獲取Cloudflare Global API Key

當您已經有了 API Key 後,只需填寫相關資訊即可。

Cloudflare API

完成後,請儲存。

5. 通過 CDN 獲取靜態內容(可選)

通過 CDN 獲取靜態內容可以降低您的網路延遲。這是因為 CDN 透過跨全球快取伺服器複製請求最多的資源。每當訪問者訪問這些資源時,最近的伺服器都會提供它們。

要從 CDN 獲取靜態內容,您需要建立一個提供資源的子網域,例如 – cdn.your-website.com。此子網域需要與您的主域位於同一文件夾中。

注意!TAKI WordPress主機的用戶只需要將新網域添加成為新網站而不是子網域。

此外,確保 CDN 子網域執行良好這很重要。否則您的靜態資源將不會被加載,並且可能會破壞您的網站。

如果您確定子網域工作正常,請為新建立的子網域啟用使用 CDN cname 選項:

設定QUIC.cloud CDN cname用的子網域

現在我們已經完成了 LiteSpeed Cache 外掛的配置,讓我們看看下面的圖表:

各網站性能比較表

我們演示了三個測試網站在應用適當的 LiteSpeed 配置設定之前和之後的表現。

在應用圖片和頁面優化之前,作品集網站在 PageSpeed Mobile類別中僅獲得 45 分。優化後,得分飆升至100分。同時,同樣的變化將購物商城的得分從53分提高到99分。

在 GTMetrix 性能方面,部落格網站的得分從 84 提高到 100。

重要!在為 WordPress 啟用 LSCache 並應用圖片和頁面優化後,所有網站(部落格、購物商城與作品集網站)都顯示出更好的結果。

Litespeed Cache 還有什麼功能?

設定完所有 LiteSpeed Cache for WordPress 外掛後,系統應該可以正常運行。因此幾乎不需要再進一步優化快取管理。不過 LiteSpeed 提供了更多功能,可以根據需要進行調整。

以下部分將討論 LiteSpeed 的資料庫優化(Database)、爬蟲(檢索程式)和工具箱(Toolbox),以幫助您進一步提高網站性能。

資料庫最佳化

Database 提供的功能可幫助您更方便地在 WordPress 資料庫中執行各種任務。這包括通過清除舊的帖子修訂與刪除自動引用通知 。

資料庫最佳化

此外,DB Optimization Settings 可以設定修訂的數量,以清除和自動化過程。

DB Optimization Settings

舉例來說,如果您想為每篇文章保存兩個較舊的修訂,請將 Revision Max Number值更改為2。同時,要在特定時期保留舊的帖子修訂,請更改 Revisions Max Age。

檢索程式

Litespeed Cache 外掛包含一個爬蟲功能,可以瀏覽您網站的後端,搜索過期頁面並在此過程中刷新它們。它可以防止訪問者看到任何未快取的頁面。

檢索程式 Crawler Cron

此功能默認禁用,需要從伺服器端啟用 – 您必須諮詢您的伺服器管理員或虛擬主機服務提供商。這是因為在沒有足夠伺服器資源的情況下啟用爬蟲功能可能會對您網站的性能產生負面影響。

Toolbox

使用 LiteSpeed Cache Toolbox部分可以手動配置您的 Cache 設置。它提供了更具體的 Cache 功能,從清除 403 錯誤頁面到編輯.htaccess文件的路徑。

Toolbox

儘管Purge選項包含簡單的功能,但編輯 .htaccess
Heartbeat等其他選項適用於對於這些功能熟悉的用戶。因此,最好保留這些設置的默認值或在進行任何更改之前諮詢您的虛擬主機商。

有關更多詳細資訊,我們來略說每個部分的功能:

  • Purge : 此選項列出了不同的內容類型,供您需求選擇清除。這些功能對於更改正在快取的文件特別有用。這樣,只有選定的文件會被清除,不會影響您的其餘內容。
  • 匯入/匯出 : 包括用於匯出或匯入各種 LiteSpeed 配置的工具。如果您正在試驗您的網站並希望稍後恢復以前的配置,這些工具會派上用場。此外,您還可以將網站配置匯出下載到仔己的電腦並在另一個網站匯入使用。
  • View .htaccess : 使用此選項中的工具可以直接編輯您的.htaccess文件,而無需配置 FTP 或 SSH 。請記住,更改 .htaccess 文件可能會破壞您的網站。如果您不確定或不會使用,請務必在進行任何更改之前諮詢您的虛擬主機服務商。
  • Heartbeat Control : WordPress Heartbeat API使您的瀏覽器能夠使用AJAX 調用與伺服器請求。此功能讓您管理伺服器負載。但是,在調整 WordPress Heartbeat 間隔時要小心,因為它會佔用大量 CPU 資源。
  • Report : 如果您在使用 LiteSpeed Cache 外掛時遇到問題,您可以通過按此選項中 “Send to LiteSpeed” 按鈕來發送報告。然後,系統會將您的環境報告副本發送給 LiteSpeed 團隊。
  • Debug Settings : 如果您想禁用 LiteSpeed Cache 外掛來調整您的網站,請使用此選項中提供的工具。

結論

網站快取是提高網站性能的最有效和最有效的方法之一。如果使用得當,它可以加快加載時間並減少伺服器負載。設置網站快取的最簡單方法是安裝快取外掛。

LiteSpeed Cache 是具有高級快取技術的最佳 WordPress 外掛之一。此外,與 LiteSpeed Web Server 搭配使用時,其伺服器級頁面快取可以有效提升性能。

在這篇文章中,我們解釋了為 WordPress 配置 LiteSpeed Cache 的最佳設定。儘管應用最佳設定會給您帶來優化的性能,但如果您覺得這樣做怕調錯或太複雜,則無需調整直接使用默認設定。

我們希望這篇文章希望能幫助您為 WordPress 配置 LiteSpeed Cache 並且充分利用它。如果您有任何問題,請不要猶豫,歡迎在下面提出評論或討論。

主機速度過慢?試試我們的 WordPress 主機吧!
主機速度過慢?試試我們的 WordPress 主機吧!
TAKI Cloud WordPress雲端主機 多合一加速解決方案
TAKI Cloud WordPress雲端主機多合一方案
WordPress 網頁設計專家
WordPress 網頁設計專家

By taki

發佈留言

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