提供WordPress、SEO技術與各項 IT 資訊
WordPress優化 頁面速度應該是每個網站站長的首要任務,主要是它直接影響WordPress SEO,因為網站加載的時間越長,跳出率就越高。這可能會阻止為您的網站帶來流量並產生轉化。
很多人為了 網站 SEO 、 WordPress優化 網站或是網站流量分析數據安裝了大量的外掛工具,這是錯誤的做法,這不但會造成網站過於肥大也拖慢了網站效能更造成資料庫速度緩慢,屆時不是網站時常當機就是 TTFB 載入時間過於緩慢,導致網站優化分數不高。
所以WordPress優化首要前提是正確的使用 WordPress 外掛與快取配置來緩存您的網站,這更可以讓您感受到明顯提高 WordPress 性能。本篇文章我們將為您說明如何使用 LiteSpeed Cache 調整出最佳緩存並優化您的網站頁面。
今天我們測試了 LiteSpeed Cache 外掛並配置了三個不同網站的設定。本文將引導您完成我們得到最佳結果而應用的配置。
在深入了解如何設定之前,先讓我們了解一下 LiteSpeed Cache 外掛吧。
LiteSpeed Web Server (LSWS) 主要在加速網站性能的網頁伺服器軟體(HTTP Server)。由於 LiteSpeed Web Server 採用事件驅動架構,可以用更少的進程處理更高的流量進而減少資源使用並提高網頁速度。
LiteSpeed Web Server 還具有內置的 Apache 替代品並且支援 .htaccess,讓用戶可以從 Apache 切換到 LSWS 並使用現有配置。此外,它還可以與幾個主流的虛擬主機管理介面一起使用,例如 WHM、Plesk、DirectAdmin 和 CyberPanel。
目前有兩個版本的 LiteSpeed Web Server可用:
而在優化頁面速度和性能方面,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 之前對測試網站的移動版和桌面版的評分:
為 WordPress 配置 LiteSpeed Cache 後,兩個版本都獲得了滿分:
既然 Litespeed Cache 可以在各種 Web Server 上使用,表現上卻沒有在 Litespeed Web Server 亮眼,只能說 WordPress主機推薦 有 Litespeed Cache 與 Litespeed Web Server 真的是絕配,有如關老爺遇到胭脂馬般,小編自己測完後的感覺。(當然同一家公司出產的產品,效能優化部分一定不會胳臂往外彎)。
如上三張圖示,LiteSpeed Web Server 分數最高。將 LiteSpeed Web Server 與 WordPress 的 LiteSpeed Cache 配對肯定會是您的網站效能最佳選擇。
由於 TAKI Cloud 的 WordPress主機 是共享虛擬主機,在共享資源下數據明顯有降低些,如果在獨享資源下(VPS),表現是與 Litespeed Web Server on VPS 數據是一樣的。
目前所有 TAKI Cloud WordPress主機帳戶都預先裝了 LiteSpeed Cache 外掛。因此只要是 TAKI Cloud WordPress主機 用戶可以繼續跳過外掛安裝步驟。
如果您使用不同的虛擬主機或是其他的虛擬主機服務商,就請依照以下說明安裝 LiteSpeed Cache for WordPress。
安裝 WordPress 外掛後請記得必須把這些外掛進行配置。閱讀以下我們的說明並找出最適合您 WordPress 網站的 LiteSpeed Cache設定。
建議設定時需要一個一個功能設定,因為有時外掛會與您的版型主題有所衝突導致跑版,這時還可以退回操作,恢復原有畫面,如果您一次全開所有功能,您將無法找到哪個功能導致跑版,後續要找哪個功能有衝突到會很難找,這需要注意。
我們在虛擬主機上測試了三種 WordPress 網站並安裝 LiteSpeed Cache 外掛與使用原有的預設值(沒使用快取)來做比較,這三種 WordPress 網站中有一個簡單的部落格、一個具有woocommerce的購物商城以及一個線上作品集形象網站。
注意!在 GTmetrix 上測試性能時,無論您使用的是什麼 Cache 外掛,都要多執行幾次,因為快取可能不會在第一次被加載。再者請務必在測試任何新設定之前需要清除快取。
這篇文章我們會把每個設定的詳細說明,以幫助讓使用者決定是否需要使用。(Litespeed Cache 功能真的很多,講起來真的很…)
在我們要開始完成基本設定的步驟之前,讓我們比較三個網站的效能測試結果。
上圖示了表現啟用與配置 LiteSpeed Cache 外掛後整個網站性能明顯提升。
出於如此高效能原因,我們先引導您了解 LiteSpeed Cache 外掛的特性和功能,以及要應用的最佳設定 … 我們先從”一般” 這功能頁面開始。
在這頁面上的第一個選項是自動升級。將此按鈕切換到 ON 會提示系統安裝最新版本的 LSCache 外掛。
接下來選項 Domain Key,這裡可以添加您的 Domain Key,也稱為 API 密鑰。如果您想使用QUIC.cloud 功能和服務,這一點很重要。只需點擊Refresh Domain Key
我們在後面再詳細討論如何設定QUIC.cloud。現在先說明下一部分,您將看到 Guest Mode。
此選項為訪問者首次瀏覽提供自動可緩存登錄頁面。當您啟用 Guest Mode 時,伺服器將不必獲取訪問者的資訊,而是為他們提供默認的 Cache 頁面。因此,頁面加載時間會更短。
提供 Cache 頁面後,伺服器將進行 Ajax 調用以獲取訪問者瀏覽正確的網頁。要啟用 Guest Mode,只需將其打開即可。
要優化 Guest Mode,請使用 Guest Optimization 選項。
啟用此設定後,伺服器不僅會提供默認快取頁面,還會執行圖片和頁面優化,即使這些功能被禁用。
當然 Guest Optimization 可能會佔用您的一些 WordPress 網站資源,因此最好在啟用此設定之前諮詢您的虛擬主機提供商。
在下方,您的 Server IP 地址有一個伺服器 IP 字段。包含您的 IP 地址將允許爬蟲直接從您的伺服器檢索資源,進而提高您網站的性能。
有關您網站的 IP 地址的資訊,請聯繫您的虛擬主機提供商。TAKI Cloud 用戶可以到我們的後台查看目前開啟的服務中有WordPress主機服務 IP 或是在 Plesk 登入面板可以看到伺服器 IP。
再往下,有 Notifications 選項。通過啟用它,您將獲得有關 LSCache 外掛開發的最新資訊,資訊包含促銷和最新版本通知。
請務必在設定完成後保存更改。
LiteSpeed Cache 設定頁面包括主要適用於 LiteSpeed Web Server 或 QUIC.cloud CDN 的功能。LiteSpeed Cache 設定頁面中有多個功能,本章節將介紹所有 Cache 功能,以幫助您選擇最佳方法。
Private Cached URIs:這裡設定是您自己有設定一個自己的緩存針對您的用戶登入會員選項而設定的緩存才做使用,如果您沒有特定頁面需要做私有緩存那就留空吧。
強制進行快取的 URI:任何無法快取的設定,在這系統都會強制寫入快取提供每個路徑。一般來說,您不必擔心此功能,因為您不需要為大多數頁面強制快取。
Force Public Cache URIs:強制將特定內容類型快取為公共,這裡留空就好。
Drop Query String:忽略字段中添加的任何查詢字符串並加快網站加載時間。默認設置已經列出了一些最常生成的字符串。但是,如有必要,您可以添加更多查詢字符串。
總而言之,Litespeed Cache 外掛的默認設定適合大多數 WordPress 網站。當然您也可以根據網站的需要調整它們。
除了 LiteSpeed Cache設定頁面,我們也簡單說明其他可用部分及其主要功能:
注意!很多虛擬主機商不提供 Memcached 或 Redis,特別是 Redis,主要是對於伺服器而言資源需要夠,很多在共享虛擬主機中由於資源不是那麼足夠或許 Memcached會開放,但是說到 Redis 就不一定了。
如果您是 TAKI WordPress主機 的用戶,您可以開啟 object 快取功能並且您可以選擇 Memcached 或 Redis,依您自己喜好去做設定,這裡小編推薦選擇 Redis,如果是一般小網站其實 Memcached 就夠用了。
什麼?Memcached 或 Redis 2個同時啟用?泥碼的就別鬧了,Litespeed Cache只能讓您二擇一,狼客別這麼貪心了。
LiteSpeed Cache 外掛包括 WordPress 網站上動態內容的優化工具,這工具包含圖像和網頁優化。花時間配置這些設定很重要,因為它們會影響您網站的 SEO。
本節將引導您了解每個優化選項上的功能和設定。
每當有人訪問您的 WordPress 網站時,瀏覽器都會請求資源並下載您的圖片,然後再顯示它們。因此,瀏覽器將花費更長的時間來加載、調整大小和渲染未優化的圖像。
LiteSpeed Cache 外掛提供了一個方便的解決方案,它可以通過調整圖像大小針對單一張圖片優化或批量優化圖片。
進入圖片最佳化頁面後,您將看到圖片優化摘要選項。此選項監控多個指標,例如尺寸縮小和從您的網站拉取的圖片總量。
此外,您還可以使用其他一些功能,例如:
注意!此功能是在您添加域名密鑰並啟用 QUIC.Cloud CDN 後才可以使用。
現在,讓我們繼續下一個選項並為您的 WordPress 網站應用最佳優化設定。請點擊Image Optimization Settings,您將看到很多需要調整的功能:
設定好圖片最佳化設定後,下一步就是調整 Page Optimization(頁面優化)功能。如果不這樣做,可能會導致加載時間變慢和頁面分數變差。
在 Page Optimization 方面,LiteSpeed Cache 外掛提供了很多選項來提高您的 WordPress 網站性能。此頁面包含優化 HTML、CSS 和 JS 文件的最重要設定。
Page Optimization 頁面分為幾個部分,我們將大略敘述每個部分功能。
這些設定主要是將某些圖片不想被延遲加載。排除主要圖片(例如 Logo 和背景圖片)可以改善用戶體驗。這是因為您希望這些圖片能在頁面首先顯示。
要從延遲加載中排除,只需要相對應在提供框裡中填寫資訊。例如,class和class名稱來排除圖片。
這裡所有設定都用於排除特定元素(例如 CSS、JS 和 URL)被縮小和組合。
通常,除非在縮小或組合 CSS/JS 後發現不尋常的文件,否則您不必過多地調整這些設定。如果有這種情況下,您可以在提供的框中列出文件。
完成配置設定後,請務必儲存設定。
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” 按鈕然後點這個按鈕。
這裡原本框裡是空白的,當您點擊Refresh Domain Key後,等待系統處理您的請求,此時會刷新您的 WordPress 管理頁面。該過程完成後,系統將自動填入Domain Key。接下來,點擊 link to QUIC.cloud 按鈕。
這將帶您進入 QUIC.cloud 註冊頁面。繼續填寫註冊所需要的資訊(當然您也可以直接點用google gmail直接註冊,這樣做法會比較快)。
註冊完成後,系統將向註冊地址發送一封驗證電子郵件。打開電子郵件並單擊附加的鏈接。
如果您看到上面的消息,則您已成功將您的 WordPress 網站與 QUIC.cloud CDN 配對。現在,點擊“我的儀表板”按鈕返回 WordPress 後台。
儘管您已經完成了註冊過程,但您仍然需要正確配置您的 DNS 設定。我們到CDN部分並尋找 QUIC.cloud 選項。
接下來,請訪問您的 Cloudflare 儀表板以獲取 Global API Key 作為配置。
當您已經有了 API Key 後,只需填寫相關資訊即可。
完成後,請儲存。
通過 CDN 獲取靜態內容可以降低您的網路延遲。這是因為 CDN 透過跨全球快取伺服器複製請求最多的資源。每當訪問者訪問這些資源時,最近的伺服器都會提供它們。
要從 CDN 獲取靜態內容,您需要建立一個提供資源的子網域,例如 – cdn.your-website.com。此子網域需要與您的主域位於同一文件夾中。
注意!TAKI WordPress主機的用戶只需要將新網域添加成為新網站而不是子網域。
此外,確保 CDN 子網域執行良好這很重要。否則您的靜態資源將不會被加載,並且可能會破壞您的網站。
如果您確定子網域工作正常,請為新建立的子網域啟用使用 CDN cname 選項:
現在我們已經完成了 LiteSpeed Cache 外掛的配置,讓我們看看下面的圖表:
我們演示了三個測試網站在應用適當的 LiteSpeed 配置設定之前和之後的表現。
在應用圖片和頁面優化之前,作品集網站在 PageSpeed Mobile類別中僅獲得 45 分。優化後,得分飆升至100分。同時,同樣的變化將購物商城的得分從53分提高到99分。
在 GTMetrix 性能方面,部落格網站的得分從 84 提高到 100。
重要!在為 WordPress 啟用 LSCache 並應用圖片和頁面優化後,所有網站(部落格、購物商城與作品集網站)都顯示出更好的結果。
設定完所有 LiteSpeed Cache for WordPress 外掛後,系統應該可以正常運行。因此幾乎不需要再進一步優化快取管理。不過 LiteSpeed 提供了更多功能,可以根據需要進行調整。
以下部分將討論 LiteSpeed 的資料庫優化(Database)、爬蟲(檢索程式)和工具箱(Toolbox),以幫助您進一步提高網站性能。
Database 提供的功能可幫助您更方便地在 WordPress 資料庫中執行各種任務。這包括通過清除舊的帖子修訂與刪除自動引用通知 。
此外,DB Optimization Settings 可以設定修訂的數量,以清除和自動化過程。
舉例來說,如果您想為每篇文章保存兩個較舊的修訂,請將 Revision Max Number值更改為2。同時,要在特定時期保留舊的帖子修訂,請更改 Revisions Max Age。
Litespeed Cache 外掛包含一個爬蟲功能,可以瀏覽您網站的後端,搜索過期頁面並在此過程中刷新它們。它可以防止訪問者看到任何未快取的頁面。
此功能默認禁用,需要從伺服器端啟用 – 您必須諮詢您的伺服器管理員或虛擬主機服務提供商。這是因為在沒有足夠伺服器資源的情況下啟用爬蟲功能可能會對您網站的性能產生負面影響。
使用 LiteSpeed Cache Toolbox部分可以手動配置您的 Cache 設置。它提供了更具體的 Cache 功能,從清除 403 錯誤頁面到編輯.htaccess文件的路徑。
儘管Purge選項包含簡單的功能,但編輯 .htaccess和
Heartbeat等其他選項適用於對於這些功能熟悉的用戶。因此,最好保留這些設置的默認值或在進行任何更改之前諮詢您的虛擬主機商。
有關更多詳細資訊,我們來略說每個部分的功能:
網站快取是提高網站性能的最有效和最有效的方法之一。如果使用得當,它可以加快加載時間並減少伺服器負載。設置網站快取的最簡單方法是安裝快取外掛。
LiteSpeed Cache 是具有高級快取技術的最佳 WordPress 外掛之一。此外,與 LiteSpeed Web Server 搭配使用時,其伺服器級頁面快取可以有效提升性能。
在這篇文章中,我們解釋了為 WordPress 配置 LiteSpeed Cache 的最佳設定。儘管應用最佳設定會給您帶來優化的性能,但如果您覺得這樣做怕調錯或太複雜,則無需調整直接使用默認設定。
我們希望這篇文章希望能幫助您為 WordPress 配置 LiteSpeed Cache 並且充分利用它。如果您有任何問題,請不要猶豫,歡迎在下面提出評論或討論。