內容更新於 — 2022-12-26 17:28
一開始我撰寫這篇文章❐,只是想要比較主機的「裸性能」,就是不安裝任何快取外掛以及任何頁面載入最佳化的機制;原因是因為每一家主機適合的快取外掛都不同,有些主機商甚至會要求使用他們建議的那套快取外掛…
但是,安裝不同的快取外掛進行比較,不但無法表現出主機的真實性能,而且,實在很難公平!所以,一開始我就沒打算這麼做。
不過呢,應某家主機商要求,以及讓測試結果不要那麼難看,我還是按照不同主機商的建議,使用他們認為最合適的快取外掛。
但是,我必須說,我的網站架構,未必最適合應用這些快取外掛的所有功能;實際上,我通常只開啟「快取」這個功能,所以,測試出來的結果未必能讓LightHouse滿意,即便如此,在我真實使用的主機(CLOUDWAYS linode 1GB Tokyo❐)中,頁面載入的體感速度,還算滿意(大多數的頁面在手機操作時,都能在1~2秒內載入),所以,現階段也沒打算改善LightHouse的Performance。
測試的6款主機分別為:
以下是我目前認為較適合我的網站架構的最佳化機制:
(測試的5個網站都採用以下的頁面載入加速機制,唯獨快取外掛採用個別主機商所建議的方案)
為求盡可能公平,A2 Hostings、網易資訊以及SugarHosts這三家使用LiteSpeed Cache的設定完全相同。
至於快取外掛的詳細設定,後面會依序說明。
以上的網頁最佳化機制中,5個網站的處理方式完全相同,差別只剩下快取外掛,但是,這當中就會存在著許多不公平,所以,這個測試我就不比較每一款主機的測速結果了。
倘若硬要比的話,還是有二種方式可以比較:
以下表格是網頁最佳化之前與之後的10次測速結果平均值
供應商 | 測速項目 | CLOUDWAYS | 網易資訊 | A2 Hosting | SugarHosts | bluehost中国 |
---|---|---|---|---|---|---|
主機規格 | VULTR-HF Tokyo 1 GB RAM |
台灣主機 入門型 TWW-E02 |
TURBO BOOST Singapore |
虛擬主機 亞太東部 SharedBaby |
虚拟主机-Linux 中国香港主机 |
|
頁面最佳化 | WebPageTest | |||||
無 | First Byte | 791.2 (ms) | 1436.9 (ms) | 1441.9 (ms) | 2534.8 (ms) | 2039.2 (ms) |
有 | 334.1 (ms) | 492.2 (ms) | 1061.3 (ms) | 639.2 (ms) | 640.8 (ms) | |
無 | Document Compelete |
6.5508 (s) | 8.8221 (s) | 8.8087 (s) | 9.3387 (s) | 8.8531 (s) |
有 | 2.6494 (s) | 3.0466 (s) | 3.3649 (s) | 3.0838 (s) | 3.0955 (s) | |
無 | Fully Loaded Time |
6.646 (s) | 9.0422 (s) | 9.1311 (s) | 9.774 (s) | 9.2755 (s) |
有 | 3.9946 (s) | 5.7 (s) | 6.2785 (s) | 5.8497 (s) | 6.1009 (s) | |
頁面最佳化 | Chrome DevTools | |||||
無 | TTFB | 781.31 (ms) | 1947.4 (ms) | 2202.8 (ms) | 4041.7 (ms) | 2316.5 (ms) |
有 | 350.83 (ms) | 574.35 (ms) | 1967.2 (ms) | 616.65 (ms) | 1171.2 (ms) | |
無 | Load | 3.543 (s) | 5.464 (s) | 7.415 (s) | 9.988 (s) | 6.802 (s) |
有 | 0.9305 (s) | 1.335 (s) | 2.523 (s) | 1.365 (s) | 1.995 (s) |
這5款主機,在經過網頁最佳化之後,頁面的載入速度都有不同程度的提升。
若要以那三款安裝LiteSpeed Cache的主機來比較,那麼排名則是☞網易資訊>SugarHosts>A2 Hosting
事實上,在經過網頁最佳化之後,機房在香港的SugarHosts,載入速度其實和機房在台北的網易資訊相差不大,唯獨機房在新加坡的A2 Hosting表現不佳。
CLOUDWAYS❐有出自己的快取外掛☞Breeze❐,介面陽春,但操作簡單,也具備大多數該有的基本最佳化功能;但是,不適合我的網站,能用的功能只剩下快取,有時候還會與OXYGEN Builder發生一些無解的問題。
所以,目前網站雖然也是在CLOUDWAYS,實際上使用的快取外掛是Simple Cache❐,真的就只是為了「快取」而生的外掛。
不過,既然要測試的是CLOUDWAYS的VULTR High Frequency,所以,我還是乖乖保留Breeze。
Breeze設定如下(只列出有啟用的功能)
測試次數 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 平均 |
---|---|---|---|---|---|---|---|---|---|---|---|
WebPageTest | |||||||||||
測試結果網址 | AAADAAV | AAADAAV | AAADAAV | AAADAAV | AAADAAV | AAADAAV | AAADAAV | AAADAAV | AAADAAV | AAADAAV | |
First Byte | 327 (ms) | 326 (ms) | 322 (ms) | 334 (ms) | 329 (ms) | 431 (ms) | 315 (ms) | 314 (ms) | 332 (ms) | 311 (ms) | 334.1 (ms) |
Document Complete | 2.882 (s) | 2.465 (s) | 2.766 (s) | 2.889 (s) | 2.722 (s) | 2.671 (s) | 2.594 (s) | 2.525 (s) | 2.549 (s) | 2.431 (s) | 2.6494 (s) |
Fully Loaded Time | 4.358 (s) | 3.596 (s) | 4.338 (s) | 4.162 (s) | 4.718 (s) | 3.789 (s) | 3.72 (s) | 3.783 (s) | 3.736 (s) | 3.746 (s) | 3.9946 (s) |
Chrome DevTools | |||||||||||
TTFB | 381.3 (ms) | 359.64 (ms) | 347.3 (ms) | 396.07 (ms) | 290.48 (ms) | 360.96 (ms) | 300.55 (ms) | 387.42 (ms) | 341.12 (ms) | 343.48 (ms) | 350.83 (ms) |
Load | 0.93 (s) | 0.932 (s) | 0.932 (s) | 0.998 (s) | 0.888 (s) | 0.883 (s) | 0.875 (s) | 0.996 (s) | 0.923 (s) | 0.948 (s) | 0.9305 (s) |
WebPageTest – CLOUDWAYS VULTR-HF 1GB (Tokyo)
Chrome DevTools – CLOUDWAYS VULTR-HF 1GB (Tokyo)
網易資訊❐的所有主機都配置了LiteSpeed Enterprise❐這個網頁伺服器,與APACHE的整合比Open LiteSpeed更好,在LiteSpeed官網❐可以查得到網易資訊的合作資料。
所以,按照網易資訊的建議也是使用LiteSpeed Cache❐這個既強大又佛心的快取外掛。
LiteSpeed Cache設定如下(只列出有啟用的功能)
我只有啟用與快取相關的功能,因為我的網站中的HTML/CSS/JS已交給Cloudflare、OptiMole以及Fling Script處理,圖片已經交給OptiMole處理,字體以及其他最佳化的小工具已經交給Clearfy處理。
後面的A2 Hosting⇩以及SugarHosts⇩的LiteSpeed Cache比照上面相同的設定。
測試次數 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 平均 |
---|---|---|---|---|---|---|---|---|---|---|---|
WebPageTest | |||||||||||
測試結果網址 | AAADAAV | AAADAAV | AAADAAV | AAADAAV | AAADAAV | AAADAAV | AAADAAV | AAADAAV | AAADAAV | AAADAAV | |
First Byte | 545 (ms) | 436 (ms) | 423 (ms) | 448 (ms) | 476 (ms) | 498 (ms) | 538 (ms) | 519 (ms) | 452 (ms) | 587 (ms) | 492.2 (ms) |
Document Complete | 2.976 (s) | 2.796 (s) | 2.809 (s) | 2.903 (s) | 2.941 (s) | 2.693 (s) | 2.893 (s) | 2.805 (s) | 2.977 (s) | 4.673 (s) | 3.0466 (s) |
Fully Loaded Time | 6.464 (s) | 4.664 (s) | 4.549 (s) | 5.642 (s) | 5.346 (s) | 4.977 (s) | 5.801 (s) | 4.708 (s) | 9.472 (s) | 5.377 (s) | 5.7 (s) |
Chrome DevTools | |||||||||||
TTFB | 583.3 (ms) | 592.93 (ms) | 563.77 (ms) | 735.85 (ms) | 423.8 (ms) | 507.1 (ms) | 511.35 (ms) | 660.54 (ms) | 639.47 (ms) | 525.43 (ms) | 574.35 (ms) |
Load | 1.25 (s) | 1.37 (s) | 1.44 (s) | 1.42 (s) | 1.11 (s) | 1.15 (s) | 1.23 (s) | 1.84 (s) | 1.35 (s) | 1.19 (s) | 1.335 (s) |
WebPageTest – 網易資訊 台灣主機-入門 TWW-E02
Chrome DevTools – 網易資訊 台灣主機-入門 TWW-E02
A2 Hosting❐目前最熱門的就是TURBO技術,所以,測試的主機我也選擇了TURBO BOOST這個方案。
在測試的網站中,也安裝了A2 Optimized WP❐這個免費的外掛,能夠配置WordPress中的TURBO Cache。
雖然A2 Optimized WP也有快取功能,但是,在我的試用中,他的快取效果不如LiteSpeed Cache,所以,這個外掛只是為了配置TURBO Cache。
至於快取,還是交給LiteSpeed Cache吧!
因為A2 TURBO BOOST也是採用LiteSpeed Enterprise這個網頁伺服器(在LiteSpeed官網❐可以查得到網易資訊的合作資料),實在沒理由不將快取機制交給LiteSpeed Cache囉!
至於LiteSpeed Cache的設定,完全比照前面⇪在網易資訊的設定辦理。
測試次數 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 平均 |
---|---|---|---|---|---|---|---|---|---|---|---|
WebPageTest | |||||||||||
測試結果網址 | ABADAAV | ABADAAV | ABADAAV | ABADAAV | ABADAAV | ABADAA | AFADAAV | AFADAAV | AFADAAV | AFADAAV | |
First Byte | 858 (ms) | 877 (ms) | 943 (ms) | 851 (ms) | 846 (ms) | 896 (ms) | 1301 (ms) | 1304 (ms) | 1397 (ms) | 1340 (ms) | 1061.3 (ms) |
Document Complete | 3.177 (s) | 3.186 (s) | 3.128 (s) | 3.262 (s) | 3.159 (s) | 3.251 (s) | 3.707 (s) | 3.502 (s) | 3.634 (s) | 3.643 (s) | 3.3649 (s) |
Fully Loaded Time | 6.477 (s) | 6.553 (s) | 6.011 (s) | 5.099 (s) | 6.476 (s) | 6.459 (s) | 5.967 (s) | 7.082 (s) | 6.261 (s) | 6.4 (s) | 6.2785 (s) |
Chrome DevTools | |||||||||||
TTFB | 1884.8 (ms) | 1932.8 (ms) | 1793.9 (ms) | 2347.4 (ms) | 2063.1 (ms) | 1807.2 (ms) | 1994.5 (ms) | 2044.2 (ms) | 1956.7 (ms) | 1847.1 (ms) | 1967.2 (ms) |
Load | 2.59 (s) | 2.43 (s) | 2.35 (s) | 2.92 (s) | 2.65 (s) | 2.43 (s) | 2.53 (s) | 2.72 (s) | 2.43 (s) | 2.18 (s) | 2.523 (s) |
WebPageTest – A2 TURBO BOOST (Singapore)
Chrome DevTools – A2 TURBO BOOST (Singapore)
SugarHosts也是採用LiteSpeed這套網頁伺服器(在WordPress後台>工具>網站資訊中,可以查到);不過,我在LiteSpeed官網❐的合作夥伴沒找到SugarHosts,所以,不曉得他們是如何部署主機與伺服器,也不清楚他們所使用的是LiteSpeed Enterprise還是Open LiteSpeed。
無論如何,都可以使用LiteSpeed Cache,SugarHosts也強烈建議一定要開啟快取。
至於LiteSpeed Cache的設定,完全比照⇪前面⇪在網易資訊的設定辦理。
測試次數 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 平均 |
---|---|---|---|---|---|---|---|---|---|---|---|
WebPageTest | |||||||||||
測試結果網址 | AAADAAV | AAADAAV | ABADAAV | AAADAAV | AAADAAV | AAADAAV | AAADAAV | AAADAAV | AAADAAV | AAADAAV | |
First Byte | 545 (ms) | 490 (ms) | 552 (ms) | 562 (ms) | 565 (ms) | 438 (ms) | 453 (ms) | 479 (ms) | 583 (ms) | 1725 (ms) | 639.2 (ms) |
Document Complete | 2.983 (s) | 3.171 (s) | 2.86 (s) | 3.04 (s) | 2.936 (s) | 2.817 (s) | 2.892 (s) | 2.81 (s) | 3.045 (s) | 4.284 (s) | 3.0838 (s) |
Fully Loaded Time | 5.243 (s) | 5.331 (s) | 5.196 (s) | 5.903 (s) | 6.464 (s) | 4.66 (s) | 5.449 (s) | 4.964 (s) | 5.213 (s) | 10.074 (s) | 5.8497 (s) |
Chrome DevTools | |||||||||||
TTFB | 550.66 (ms) | 759.19 (ms) | 722.14 (ms) | 586.51 (ms) | 758.53 (ms) | 561.07 (ms) | 599.14 (ms) | 471.15 (ms) | 577.63 (ms) | 580.44 (ms) | 616.65 (ms) |
Load | 1.29 (s) | 1.46 (s) | 1.46 (s) | 1.24 (s) | 1.93 (s) | 1.24 (s) | 1.28 (s) | 1.17 (s) | 1.26 (s) | 1.32 (s) | 1.365 (s) |
WebPageTest – SugarHosts 虛擬主機 亞太東部SharedBaby
Chrome DevTools – SugarHosts 虛擬主機 亞太東部SharedBaby
bluehost也有自家的快取機制,在他們預設安裝WordPress網站的時候會自動部署一套叫做「Bluehost」的外掛。
這套外掛可以管理主機與網站之間的通訊與設定,包含Staging也可以直接在WordPress後台操作。其中,Settings底部的Performance,則是管理網站的快取機制。
不過,這套外掛不在WordPress的外掛資源庫,只能透過bluehost客服協助安裝,或者是新安裝WordPress網站的時候會自動預設安裝。
Bluehost plugin的快取設定:
我只有使用快取功能,所以,有關Bluehost plugin的其他功能與設定,可以參考官網的文章❐。
測試次數 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 平均 |
---|---|---|---|---|---|---|---|---|---|---|---|
WebPageTest | |||||||||||
測試結果網址 | ABADAAV | ABADAAV | ABADAAV | ABADAAV | ABADAAV | ABADAAV | ABADAAV | ABADAAV | ABADAAV | ACADAAV | |
First Byte | 667 (ms) | 596 (ms) | 692 (ms) | 657 (ms) | 649 (ms) | 598 (ms) | 655 (ms) | 630 (ms) | 636 (ms) | 628 (ms) | 640.8 (ms) |
Document Complete | 2.864 (s) | 3.165 (s) | 3.138 (s) | 3.111 (s) | 3.101 (s) | 3.134 (s) | 3.156 (s) | 3.105 (s) | 3.124 (s) | 3.057 (s) | 3.0955 (s) |
Fully Loaded Time | 5.763 (s) | 6.742 (s) | 5.505 (s) | 6.442 (s) | 5.622 (s) | 6.196 (s) | 6.635 (s) | 6.769 (s) | 5.818 (s) | 5.517 (s) | 6.1009 (s) |
Chrome DevTools | |||||||||||
TTFB | 2917.6 (ms) | 1395.2 (ms) | 716.25 (ms) | 904.71 (ms) | 683.4 (ms) | 764.89 (ms) | 799.45 (ms) | 1799.7 (ms) | 841.95 (ms) | 888.63 (ms) | 1171.2 (ms) |
Load | 3.57 (s) | 2.3 (s) | 1.34 (s) | 1.58 (s) | 1.39 (s) | 1.39 (s) | 1.45 (s) | 3.56 (s) | 1.61 (s) | 1.76 (s) | 1.995 (s) |
WebPageTest – bluehost中国 虚拟主机-Linux(中国香港主机)
Chrome DevTools – bluehost中国 虚拟主机-Linux(中国香港主机)
Copyright ©miriammibao.com all rights reserved|Designed by MiriamMibao温唯 Since 2014.