2022 Black Friday WP Rocket 年度最大促銷活動:11月26日前購買皆享有30%折扣!
Bluehost主機的網站速度不佳,可是卻有很多新手在建設網站時使用,而且還綁定了2到3年的方案。要提升Bluehost的速度也不是沒有辦法,跟著以下的教學可以幫你的WordPress網站加速,讓讀者有較好的瀏覽體驗。
延伸閱讀:不推薦Bluehost主機的原因
內容目錄
提升Bluehost的速度
Google的搜尋引擎演算法會把用戶的瀏覽體驗,也就是網站的讀取速度,列入SEO的排名因素。在2021年,提升網站速度未必直接提升搜尋結果的排名,可是網站瀏覽速度慢已經確定會影響SEO排名。
要提升Bluehost的速度,概念上最重要的是架設一個輕量級的網站,讓效能不佳的主機不需要消耗過多的性能來加載網站的數據檔案。以下提升網站速度的方式也適用於其他WordPress主機。
使用快取外掛
當訪客打開網站時,瀏覽器會把主機傳來的各種檔案(Javascript、CSS、圖片、字體等)和數據庫的資料進行混合,產生一個頁面給訪客瀏覽。
快取功能是把網頁內容產生成一個靜態的HTML頁面,當訪客瀏覽的時候,就不需要重複各種檔案混合來產生頁面的過程。舉例來說,老師在上課的時候,如果要把筆記都寫在黑板就需要很長的時間。如果老師把準備好的PPT投影出來,就可以省下很多時間。同樣的內容,老師還在其他班級使用,PPT只需要準備一次。
如果你是在Bluehost建立部落格,使用快取外掛可以幫助提升速度,也可以減輕主機的負擔。當網站有新的內容加入時,主機就會更新快取,讓接下來的訪客可以看到頁面的最新內容。
如果你是架設電商網站,商品頁面也可以使用快取功能,可是購物車和結帳頁面就無法快取了。每個訪客的購物車都不一樣,而且是即時更新,使用快取會讓他們添加的產品無法進入購物車。大部分快取外掛都會自動選擇適合進行快取加速的頁面。
建議的快取外掛:WP Super Cache 、 WP Fastest Cache、WP Rocket (付費)
開啟Cloudflare CDN功能
Bluehost的主機位於美國猶他州的數據中心,和台灣的直線距離超過一萬兩千公里,所有數據的傳輸都需要經過太平洋底下的海底電纜,距離越遠需要的時間越長。
內容傳遞網路(CDN / Content Delivery Network) 是一組遍布全球的雲端伺服器,可以幫助改善網站的載入時間。CDN會把網站的內容檔案,複製到全球的伺服器網路,讓訪客可以連接到距離他們最靠近的CDN伺服器。
Bluehost後台 > My Sites > 選擇網站 > Performance > 開啟Bluehost CDN功能
當你開啟了Bluehost的Cloudflare CDN功能,台灣的訪客會連接到Cloudflare位於台北的節點 (免費版無法選擇節點,也可能連接到東京節點);新加坡的訪客會連接到新加坡的節點,不需要每次都從遙遠的Bluehost主機讀取,因此可以幫助網站加速。
Cloudflare CDN就把網站的靜態內容快取儲存在他們的伺服器,同樣的內容只需要從Bluehost主機讀取一次,然後複製到全球的伺服器,就可以讓眾多的訪客瀏覽,從而幫助分散主機的性能消耗。
Cloudflare CDN的設定:根據網站的種類選擇快取的級別。
使用輕量級的佈景主題
佈景主題是WordPress的其中一個很重要的元素,如果要提升Bluehost的速度,選擇佈景主題時要格外小心。佈景主題會在WordPress的每一個頁面載入,因此對連接速度的影響很大。
有些佈景主題會把各種功能都綁定在一起,可能包含了很多你不需要的功能,讓主題變得臃腫,因此變得緩慢。我們建議選擇一個輕量級的佈景主題,如果需要其他功能就另外再安裝外掛。
新手剛開始學習WordPress的時候很容易選擇功能多的佈景主題或外掛,想通過花俏的頁面或大量的功能來吸引訪客。可是連接速度太慢,訪客還沒有打開你的網站就會離開了。根據Google的研究,在手機上打開網站的時間超過3秒後,有53%的訪客會直接離開。
目前著名的輕量級佈景主題有GeneratePress、Astra、Neve、Blocksy等。我們建議使用Bluehost的新手使用Astra,適合形象網站、部落格、電商網站使用。
Astra佈景主題可以搭配Elementor, Beaver Builder, Brizy, Gutenberg等頁面編輯器,方便客製化屬於自己的網站。Astra提供超過150個付費和免費的模板,直接套用然後做修改就可以讓網站成形。免費版本的Astra可以調整的顯示設定不多,如果要完整的功能可以購買付費版的Astra Pro佈景主題。
壓縮使用的圖檔
載入網站的時候,各種檔案會從主機傳輸到訪客的瀏覽器,其中圖片的檔案大小通常比較大,如果網頁有多張大圖,一定會影響讀取時間。
如果要讓Bluehost網站的速度提升,除了把圖片縮小(寬度約1200px),也可以把圖片壓縮,減少JPG檔案的大小。我們推薦使用ShortPixel,可以自動把上傳到WordPress網站的圖檔進行壓縮。ShortPixel可以一次過批量壓縮已經上傳到WordPress的圖片,原圖會有另外備份,隨時可以復原。
ShortPixel是業界公認最好的圖片壓縮外掛,有三個壓縮模式(Lossy, Glossy, Lossless)選擇,可以在不嚴重影響畫質的情況下把圖檔壓縮到最小。ShortPixel的功能齊全,可以自動縮小圖片、把PNG轉換成JPG、也可以自動產生WebP或AVIF檔案。WebP是全新的圖片格式,在不影響圖片畫質的情況下,檔案比JPG小25-35%,可以有效提升載入的速度。
免費版本的ShortPixel每個月提供100張的使用額度,如果需要更多,可以在Shortpixel網站購買方案,一次付9.99美元就可以享有10,000張的使用額度,足夠大部分部落格使用好幾年。
減少使用臃腫的外掛
當你的網站的功能越多,載入的檔案就會增加,訪客載入時間就會越長。如果要提升安裝在Bluehost的網站連接速度,其中一個方式是減少網站檔案的大小,最快的就是停用或刪除不必要的外掛。
我們另一篇給新手使用WordPress的文章有提到輪播圖片 (Slider) 會導致網站變得緩慢,尤其是在效能很一般的Bluehost主機。我們覺得輪播圖片是美觀卻不中用的功能,不符合手機使用者習慣一直上滑的操作,可以考慮停用。同樣的概念可以應用到其他外掛,在增加網站新功能的時候不妨測試開啟外掛後是否影響速度,速度的取捨到底值不值得。
另一方面,類似功能的外掛,也會因為不同開發者而有速度上的差異。舉例來說,免費的社群分享按鈕外掛,AddThis比較起Grow Social,檔案大了接近10倍。如果外掛的功能接近或可以被取代,那選擇一個輕量級的外掛,可以幫助在Bluehost主機的網站提升速度。
避免使用的外掛 | 替代品 |
---|---|
Contact Form 7 | WP Fluent Forms |
AddThis | Grow Social, Social Snap, AddToAny |
Divi Builder(也盡量不要使用Elementor) | Oxygen, Kadence, Qubely, GenerateBlock |
Yoast SEO, All in One SEO | SEOPress, Rank Math |
WordFence, iThemes Security | NinjaFirewall, Sucuri |
Slider Revolution, Layer Slider | MetaSlider,盡量不使用Slider(圖片輪播) |
WP Statistics | 使用Google Analytics的追蹤代碼 |
減少使用第三方程式代碼
我們在架設網站時,經常需要貼上第三方的程式代碼,來實現一些功能。比較常見的有Facebook Messenger聊天程式、Google Analytics、Facebook Pixel、Google Adsense廣告代碼等。
第三方的代碼通常會執行JavaScript程序,檔案並非從你的Bluehost主機載入,如果檔案太大,一定會拖慢網站的速度。要讓網站速度變快,就必須減少使用第三方的程式代碼。舉例來說,沒有要在臉書下廣告的部落格,使用了Google Analytics分析工具,就不需要安裝Facebook Pixel。
我們在Google PageSpeed Insights進行了實測。沒有代碼的網頁可以得到56%的分數,在及格的邊緣;安裝了Google Analytics分析工具、Facebook Pixel分析工具、Facebook Messenger聊天程式,分數就降到38%,影響非常大。(影響最大的代碼是Facebook Messenger)
如果真的需要貼上這些程式代碼,可以考慮使用WP Rocket外掛 (付費外掛),開啟JS程式延遲執行功能 (Delay JavaScript Execution)。開啟後,你可以延遲載入不需要立刻讀取的JavaScript檔案,讓Facebook Messenger聊天程式等到網站內容讀取完畢後才載入,就不會影響訪客的瀏覽速度。
使用WP Rocket加速外掛
如果你的WordPress網站安裝在Bluehost主機,其中一個最有效的加速方式是使用付費的WP Rocket網站加速外掛。WP Rocket方便的是設定非常方便,新手也可以輕鬆完成加速。
WP Rocket是非常完整的網站加速外掛,功能主要分成5大分類,分別是Cache快取、CSS和JS檔案最佳化、媒體延遲載入 (lazy load)、預先載入功能、資料庫清理。使用WP Rocket可以替代至少6個外掛,功能非常強大。
WP Rocket是付費的加速外掛,1個網站使用的Single方案49美元、3個網站使用的Plus方案99美元。外掛為一年的方案,提供免費更新和客服支援;方案過期前續約可享7折優惠。WP Rocket外掛在過期後依然可以使用,可是無法繼續更新,也沒辦法尋求客服支援。購買WP Rocket外掛後,14天內可以無條件申請退款。
我們在Bluehost安裝了WordPress,使用Astra佈景主題做測試,套用Learn Baking版型。
2022 Black Friday WP Rocket 年度最大促銷活動:11月26日前購買皆享有30%折扣!
WP Rocket雖然是付費外掛,可是功能非常優秀,幫助提升速度,讓訪客的體驗變好,是我們少數推薦的付費外掛。由於網站使用了佔據資源的Elementor頁面編輯器,要加速其實不容易。我們使用了WP Rocket,設定好然後反覆測試約10分鐘,在Google PageSpeed Insights的分數就大幅度提升,實際瀏覽網頁也變得順暢很多。
更換到Cloudways主機一勞永逸解決問題
如果你是準備長期經營一個網站,準備放置廣告和接業配賺錢,或是架設盈利為導向的電商網站,Bluehost不會是好的選擇。要一勞永逸解決Bluehost主機緩慢的問題,我們建議把網站搬遷到Cloudways主機。
Cloudways是雲端主機的託管平台,通過Cloudways可以使用高效能、適合WordPress的主機方案,是我們強烈推薦的主機。使用Cloudways無需綁定1至3年的方案,費用每個月從信用卡扣款,每個月最低收費為10美元,還可以選擇距離靠近的東京機房。
Cloudways 2022年度最大优惠
■ 优惠内容:主机首4个月40%折扣 + 免费主机转移
■ 优惠代码:BFCM4030
■ 优惠日期:11月14日 – 12月1日
延伸閱讀:
🟩 不推薦BlueHost主機的原因
🟩 網站搬家到Cloudways的教學