【性能篇】平價主機也能讓WordPress秒讀的隱藏祕籍

覺得自己的WordPress不夠快?猶豫是否要花重金升級WordPress主機來提升速度?就算你的預算有限,跟着本文的介紹,只要做對方向可以讓你的網站速度大提升、“從紅色變綠色”,提供給訪客一個流暢、快捷的瀏覽體驗。不用擔心很複雜,全程不需要打CODE,大家都能輕鬆掌握這個讓WordPress網站秒讀的隱藏祕籍!

閱讀全文: 【性能篇】平價主機也能讓WordPress秒讀的隱藏祕籍
零基礎做WordPress難不難?
搞懂3大重點
幫你輕鬆開站
【預算】對比不同開站方案的費用預算
從免費到付費、找出最適合你的開站方式 👉WordPress建站成本超詳細分析
【地域】針對香港台灣的開站建議
寄存主機越貴越好?亂套國外的經驗會水土不服! 👉選擇WordPress主機的原則
【性能】WordPress秒讀不需要很貴
用最低成本達到最高的PageSpeed 👉雲主機時代WordPress加速指南

WordPress讀取流程和延遲構成

要提升WordPress網站的讀取速度,首先我們要暸解WordPress的基本原理,他是怎麼生成一個網頁的,有什麼環節會導致延遲、會讓網站變慢,我們才能有的放矢的提升WordPress速度。小U總結WordPress網頁讀取流程和對應的可優化項目如下:

WordPress網頁讀取流程可優化項目
1、執行PHP和查找數據庫,生成HTML網頁WordPress主機配置
緩存插件配置
2、傳輸所需要的圖片、Javascipt等assets圖片和JS壓縮、延後讀取
CDN緩存
Asset優化
3、執行Javascript和動態渲染減少不必要的Javascript和特效
4、在瀏覽器中顯示網頁設定網頁緩存有效時間

下面我們逐一拆解以上四個WordPress運作流程和對應的加速方法:

1、執行PHP和查找數據庫,生成HTML網頁

WordPress是一個CMS內容管理系統,特點是每個網頁都不是寫好的固定HTML,而是在每次有訪客訪問的時候,執行PHP語言、根據SQL數據庫的資料而動態生成的。SQL數據庫和EXCEL差不多的。例如說你現在正在看的這篇文章,他在數據庫裡面是長這個樣子:

標題【性能篇】平價主機也能讓WordPress秒讀的隱藏祕籍
發佈狀態已發佈
發佈日期2023年9月23日
分類Web Hosting and SEO
作者Upsangel
內文覺得自己的WordPress不夠快?。。。。。。
URLupsangel.com/webhosting-seo/
make-wordpress-load-in-1-second-with-budget/
等等等等等等

WordPress核心會讀取數據庫的這些資料,配合佈景主題套版Theme和插件Plugins的設定,整合成一個HTML,裡面包括每段落的文字圖片和代碼等等。

這一階段主要的延遲是在一開始的執行PHP和查找數據庫。這就關乎到WordPress主機配置的性能。通常一個主機的CPURAM內存資源給得越多,這部分的運算延遲就會越低。

另外就是WordPress主機和訪客之間的距離,如果訪客在香港伺服器在美國,那就會額外增加500ms以上的延遲,瞬間把PageSpeed從綠色變成紅色。

如何測試這個部分的延遲呢?通常可以參考TTFB(Time to First Byte)這一個延遲參數,控制在100ms左右是rule of thumb。一個完全沒有做好優化、選錯數據中心地理位置的WordPress網頁可以高於1,000ms

測試TTBF可以用GTmetrix這個免費網站測速工具,選用測試的地區爲香港進行網頁讀取測,結果頁裡面選擇”Waterfall”:

用GTMETRIX測試【地理位置篇】香港台灣租主機空間架設Wordpress網站的避坑要點 的結果,第一行就是TTFB的延遲。

2、傳輸所需要的圖片、Javascript等assets

HTML只有Plain Text 純原文字,要變成我們看到的網頁,瀏覽器會根據HTML去要求WordPress主機伺服器給予這個網頁相關的圖片Javascript代碼。什麼情況下會產生延遲?

  • 圖片和代碼很多,size很大
  • 圖片沒有壓縮或裁減到合適的尺寸,浪費了傳輸資源
  • 主機的帶寬很窄,傳輸速度很慢
  • 主機距離訪客很遠,有額外的延遲

3、執行Javascript和動態渲染

如果是舊式的WEB2.0網頁,有HTML有圖片,基本就完成了。但是現在我們現代的網站多多少少會用到Javascript來提高互動性,例如按一下會打開,等10秒會彈出廣告等等。這些交互功能常見由Javascript提供,瀏覽器需要理解判斷這些Javascript應該怎麼呈現,就進入到rendering這個步驟。

WordPress安裝的主題和功能插件很多都是由Javascript實現,安裝太多太複雜的插件就會讓瀏覽器不勝負荷,尤其是在移動設備和低階設備上,會造成明顯的延誤和操作滯留感。

動態網頁要程序員在美感和速度上做好平衡,圖爲Rehub Theme主題的3D模組

讓WordPress秒度的三大重點

你現在暸解了WordPress讀取流程和延遲構成,那我們就可以推論出讓讓WordPress秒度的三大重點:

  1. 使用性能好、延遲低的WordPress主機
  2. 配置全面的緩存功能
  3. 輕量化、爲速度優化的套版佈景Theme和插件Plugings

如何用最低成本買到最好的主機

WordPress主機的性能配置選擇

WordPress主機的硬件配置性能很大程度決定了WordPress的訪問速度。WordPress的核心是用PHP語言編寫,主機會在每次我們要求讀取一個網頁URL的時候,實時從SQL數據庫讀取文章的內容和頁面的設定,再整合成我們看得到的HTML網頁。這整個過程都需要耗用WordPress主機的硬件資源(CPU, RAM最爲重要),所以主機性能的優劣會直接影響WordPress網站的讀取速度。

因爲WordPress主機的配置很重要,所以很多主機商都不把主機配置列出。

是的,WordPress網站寄存虛擬主機的行業就是這麼諷刺,很多Share Hosting都沒有列出主機配置,只分“快” – “很快” – “非常快”

WordPress主機主機配置推薦度
FastComet✅ 清楚列出⭐⭐⭐⭐⭐
Cloudways✅ 清楚列出⭐⭐⭐⭐⭐
Bluehost不推薦
Siteground⭐⭐⭐⭐
Kinsta不推薦
FastComet 每一項WordPress主機資源配置和限額都詳細列出

數據中心的地理位置選擇

主機配置在哪裏也非常重要,因爲互聯網的數據傳輸不會比光速快。同一個網頁從新加坡傳到香港的物理延遲約50ms,但是從美國傳到香港要500ms也不奇怪。這450ms的差距就足以讓Page Speed評分從A跌到D。詳細分析請參考:【地理位置篇】香港台灣租主機空間架設Wordpress網站的避坑要點 | 10年經驗分享

WordPress主機東南亞數據中心位置
FastComet✅ 新加坡
Cloudways✅ 新加坡,香港,臺灣
Bluehost
Siteground✅ 新加坡
Kinsta✅新加坡,香港,臺灣
Cloudways 豐富的可選數據中心地理位置,覆蓋全球
所以,我們最低成本買到性能最強、距離訪客群最近的WordPress主機。

兩個小U最推薦的WordPress主機的詳細評價:

Fastcomet 五年親身使用評價 | 2023仍是我第一推薦的WordPress Hosting嗎?
Cloudways評價和教學 | 我自用中的性價比最強、速度超快的WordPress主機

緩存Cache的重要性

開發者們爲了讓WordPress網頁的加載速度變快,開發的各種緩存Cache技術。既然WordPress生成一個網頁是交互的過程、是動態的,那麼我用緩存變成一個相對靜態的網頁、直接存取不就輕鬆很多?

WordPress緩存技術博大精深,小U按我的理解大體分爲三種:

  1. 直接能在WordPress控制台安裝的緩存插件Cache Plugin,
  2. 安裝在主機後台、用戶難以自行安裝的底層緩存程序,
  3. 主機以外、分佈在世界各地的CDN邊緣緩存Edge Caching。

小U把1和2歸類爲WordPress「內緩存」,第3類叫WordPress 「外緩存」。

小U在前文分析過Cloudways, Fastcomet和Siteground都有着不錯性價比的WordPress主機和鄰近香港台灣的新加坡伺服器數據中心,那麼本文就以他們爲例子,對比三家的緩存技術的高低

WordPress的「內緩存」介紹和對比

在WordPress主機上可以通過加裝WordPress插件或者安裝伺服器軟件來實現WordPress緩存,減低WordPress讀取同一個網頁的延遲,包括Page Caching (頁面緩存)、Database Caching(數據庫查詢緩存)以及Object Cache(物件緩存),小U分類他們的介紹和好處如下:

緩存技術介紹好處
頁面緩存存儲網站的靜態HTML版本,以減少伺服器的負擔並加快網頁加載時間。減少伺服器負擔、提升網站訪問速度、提高用戶體驗。
數據庫查詢緩存將數據庫查詢結果存儲起來,避免了對相同查詢的重複計算,減輕了數據庫的壓力。加快動態內容的加載速度、減輕數據庫伺服器的壓力。
物件緩存存儲由WordPress生成的數據,這樣數據就不需要在每次頁面加載時重新計算。減少伺服器的計算負擔、提高動態內容的加載速度。

根據Cloudways, Fastcomet和Siteground的提供的WordPress主機寄存方案,總結他們的「內緩存」對比如下:

WP主機商WP緩存插件底層緩存技術效能
CloudwaysBreezeVarnish
Redis
Object Cache Pro
⭐⭐⭐⭐⭐
FastcometLiteSpeedMemcached
OPCache
⭐⭐⭐⭐
SiteGroundSiteGround OptimizerMemcached
Ngnix dynamic cache
⭐⭐⭐⭐

要注意這些緩存技術不是每一檔的WordPress主機計劃都有提供,例如Cloudways最便宜的計劃就沒有Object Cache Pro。而Fastcomet是最貴的Fastcloud Extra才有LiteSpeed的免費提供。

不推薦自購VPS做WordPress主機的原因

剛剛提到的針對WordPress的性優化、包括安裝WordPress底層緩存程序,在自購VPS上是沒有提供的。學習曲線十分有挑戰性,而且這些高階緩存程序大多是付費的商業產品。這也是爲什麼我不建議絕大多數網友用VPS建站的原因,

WordPress的「外緩存」- Edge/CDN Cache的重要性

除了做好WordPress主機的「內緩存」,Edge CDN例如Cloudflare,能夠顯著提升WordPress網站的性能、安全性和穩定性,也有助於SEO優化。CDN例如Cloudflare能夠帶給WordPress網站的好處包括:

  1. 提高速度:CDN將網站的靜態內容分發到全球的伺服器節點,讓全球各地的用戶能夠從地理位置最近的伺服器快速加載網站,從而提高網站的加載速度和性能。
  2. 節省帶寬:通過壓縮和優化文件,CDN能夠幫助網站減少數據的使用量,進而節省主機的帶寬成本。
  3. 安全性:Cloudflare等CDN提供商提供DDoS保護、Web應用防火牆和SSL支援,有助於防止各種安全威脅,提高網站的安全性。
  4. 穩定性:即使您的主機伺服器出現問題,CDN上的節點仍然能夠為用戶提供網站的靜態內容,保障網站的穩定訪問。
  5. SEO優化:加快網站加載速度和改善性能有助於提高搜索引擎的排名,進而提高網站的可見性。
WP主機商Cloudflare CDN 整合月費(美金)效能
CloudwaysCloudflare Enterprise $4.99⭐⭐⭐⭐⭐
FastcometCloudflare 免費計劃
SiteGroundSiteGround 2.0 $7.49⭐⭐⭐
任何Cloudflare 免費計劃
Cloudflare APO
$5.00⭐⭐⭐

Cloudways一個最吸引小U的賣點是只需$4.99就能享受Cloudflare Enterprise CDN,這是要正價月費美元$200+才能享受的最高級別的Cloudflare CDN待遇,在Cloudways上用$4.99就能開始享受,實在是“窮人恩物”。

小U跟你分享一個小撇步,即使你的Web Host沒有提供高階的CDN服務,也可以通過購買Cloudflare APO爲WordPress網站提升速度!Cloudflare APO(Automatic Platform Optimization)是一項專爲WordPress設計的性能優化服務,比起Cloudflare免費計劃的效果會好很多。小U在使用FastComet的時候就是購買了Cloudflare APO來加快WordPress的網站速度。

選用速度優化的套版主題Theme和插件Plugins

主題Theme不是越漂亮就是越好,插件Plugins也不是裝越多就越好。選用輕量化和速度優化的主題(Theme)和插件(Plugins)對WordPress網站速度有明顯影響。

  • 輕量化主題:輕量化的主題通常有較少的功能和風格元素,代碼更為簡潔,因此能夠較快地加載頁面。優化過的主題會更有效地使用CSS和JavaScript,減少不必要的資源請求,進一步提高加載速度。
  • 選擇速度優化的插件:高效、經過優化的插件會減少對伺服器資源的需求,並降低與外部服務的請求時間,從而提高網站性能。避免冗餘插件,使用過多或冗餘的插件會增加伺服器的負擔,降低網站的加載速度。

詳細請參考小U的文章: WordPress Theme佈景主題的八年選購心得總結(和私心推薦) 。下面是快速總結我所推薦的WordPress主題:

佈景主題評價
Soledad多達200個預設排版、6000種風格搭配、萬能的內容型網站theme(選擇困難症者勿用
Rehub網路推廣、聯盟行銷的一流主題,Upsangel.com正在使用
FlatsomeWoocommerce網店主題的天花板,一套進去就是萬元起步的專業網店的感覺
GeneratePress速度超快,適合打Google排名;捨棄了美工和功能,客製化門檻高

WordPress圖片優化加速

上述這些Theme會自動resize上傳的圖片,放置合適的大小圖片在合適的板位,不會把大圖放在小格子導致浪費傳輸資源和速度。

如果你還想進一步優化圖片,小U推薦你使用ShortPixel的付費計劃,能夠最大限度的優化圖片加速。對於我們這種小型網站,最划算的是使用ShortPixel的“按用量付費買credit方法。小U2022年11月買了100,000個credits,到現在差不多一年了才用了11,463,也就是10%不到。起步網站花$10美金應該夠用一年的ShortPixel了。

總結低成本也能讓WordPress秒讀的三大重點

一眨眼又寫了兩千五百字,TLDR 總結本文提到的低成本實現WordPress秒度的三個重點:

  1. 選用高配置、高性能、距離近的WordPress寄存主機
  2. 配置「WordPress內」和CDN Edge的緩存功能
  3. 選用不會大幅降低網站效能的Theme和Plugins

如果你做到了這幾步,讀取速度依然很慢怎麼辦?請在下方留言讓小U也一齊來看看吧!

WordPress網站速度的常見問題

如何測試一個WordPress網站的讀取速度?

可以利用以下幾個流行的速度測試工具:
  • GTmetrixGoogle PageSpeed InsightsPingdom Website Speed TestWebPageTest
  • 這些測速網站的工具的結果一定準確可靠嗎?

    雖然網站速度測試工具能提供有用的資訊來優化網站性能,但它們也存在一些局限性和不足,包括:測試位置和網路環境和實際不一樣、緩存影響、單次測試的偏差等等。

    影響wordpress網站速度的主要因素有哪些?

    主機性能、緩存配置、插件和主題的選擇與使用、圖像優化等。

    參考文章:

    歡迎你的留言討論:

    你可以一針見血

    by Upsangel
    Logo