speed up bluehost

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只需要準備一次。

WP Super Cache 快取幫網站加速
WP Super Cache 快取外掛

如果你是在Bluehost建立部落格,使用快取外掛可以幫助提升速度,也可以減輕主機的負擔。當網站有新的內容加入時,主機就會更新快取,讓接下來的訪客可以看到頁面的最新內容。

如果你是架設電商網站,商品頁面也可以使用快取功能,可是購物車和結帳頁面就無法快取了。每個訪客的購物車都不一樣,而且是即時更新,使用快取會讓他們添加的產品無法進入購物車。大部分快取外掛都會自動選擇適合進行快取加速的頁面。

建議的快取外掛:WP Super Cache WP Fastest CacheWP Rocket (付費)

開啟Cloudflare CDN功能

Bluehost的主機位於美國猶他州的數據中心,和台灣的直線距離超過一萬兩千公里,所有數據的傳輸都需要經過太平洋底下的海底電纜,距離越遠需要的時間越長。

內容傳遞網路(CDN / Content Delivery Network) 是一組遍布全球的雲端伺服器,可以幫助改善網站的載入時間。CDN會把網站的內容檔案,複製到全球的伺服器網路,讓訪客可以連接到距離他們最靠近的CDN伺服器。

Bluehost後台 > My Sites > 選擇網站 > Performance > 開啟Bluehost CDN功能

開啟Bluehost CDN讓網站加速
開啟Bluehost CDN讓網站加速

當你開啟了Bluehost的Cloudflare CDN功能,台灣的訪客會連接到Cloudflare位於台北的節點 (免費版無法選擇節點,也可能連接到東京節點);新加坡的訪客會連接到新加坡的節點,不需要每次都從遙遠的Bluehost主機讀取,因此可以幫助網站加速。

Cloudflare CDN就把網站的靜態內容快取儲存在他們的伺服器,同樣的內容只需要從Bluehost主機讀取一次,然後複製到全球的伺服器,就可以讓眾多的訪客瀏覽,從而幫助分散主機的性能消耗。

Cloudflare CDN的設定:根據網站的種類選擇快取的級別。

Cloudflare CDN快取設定
Cloudflare CDN快取設定

使用輕量級的佈景主題

佈景主題是WordPress的其中一個很重要的元素,如果要提升Bluehost的速度,選擇佈景主題時要格外小心。佈景主題會在WordPress的每一個頁面載入,因此對連接速度的影響很大。

有些佈景主題會把各種功能都綁定在一起,可能包含了很多你不需要的功能,讓主題變得臃腫,因此變得緩慢。我們建議選擇一個輕量級的佈景主題,如果需要其他功能就另外再安裝外掛。

新手剛開始學習WordPress的時候很容易選擇功能多的佈景主題或外掛,想通過花俏的頁面或大量的功能來吸引訪客。可是連接速度太慢,訪客還沒有打開你的網站就會離開了。根據Google的研究,在手機上打開網站的時間超過3秒後,有53%的訪客會直接離開。

目前著名的輕量級佈景主題有GeneratePress、Astra、Neve、Blocksy等。我們建議使用Bluehost的新手使用Astra,適合形象網站、部落格、電商網站使用。

Astra佈景主題的模板
Astra佈景主題的模板

Astra佈景主題可以搭配Elementor, Beaver Builder, Brizy, Gutenberg等頁面編輯器,方便客製化屬於自己的網站。Astra提供超過150個付費和免費的模板,直接套用然後做修改就可以讓網站成形。免費版本的Astra可以調整的顯示設定不多,如果要完整的功能可以購買付費版的Astra Pro佈景主題。

壓縮使用的圖檔

載入網站的時候,各種檔案會從主機傳輸到訪客的瀏覽器,其中圖片的檔案大小通常比較大,如果網頁有多張大圖,一定會影響讀取時間。

如果要讓Bluehost網站的速度提升,除了把圖片縮小(寬度約1200px),也可以把圖片壓縮,減少JPG檔案的大小。我們推薦使用ShortPixel,可以自動把上傳到WordPress網站的圖檔進行壓縮。ShortPixel可以一次過批量壓縮已經上傳到WordPress的圖片,原圖會有另外備份,隨時可以復原。

ShortPixel圖片壓縮外掛
ShortPixel圖片壓縮外掛

ShortPixel是業界公認最好的圖片壓縮外掛,有三個壓縮模式(Lossy, Glossy, Lossless)選擇,可以在不嚴重影響畫質的情況下把圖檔壓縮到最小。ShortPixel的功能齊全,可以自動縮小圖片、把PNG轉換成JPG、也可以自動產生WebP或AVIF檔案。WebP是全新的圖片格式,在不影響圖片畫質的情況下,檔案比JPG小25-35%,可以有效提升載入的速度。

免費版本的ShortPixel每個月提供100張的使用額度,如果需要更多,可以在Shortpixel網站購買方案,一次付9.99美元就可以享有10,000張的使用額度,足夠大部分部落格使用好幾年。

ShortPixel一鍵壓縮所有圖片
ShortPixel一鍵壓縮所有圖片

減少使用臃腫的外掛

當你的網站的功能越多,載入的檔案就會增加,訪客載入時間就會越長。如果要提升安裝在Bluehost的網站連接速度,其中一個方式是減少網站檔案的大小,最快的就是停用或刪除不必要的外掛。

我們另一篇給新手使用WordPress的文章有提到輪播圖片 (Slider) 會導致網站變得緩慢,尤其是在效能很一般的Bluehost主機。我們覺得輪播圖片是美觀卻不中用的功能,不符合手機使用者習慣一直上滑的操作,可以考慮停用。同樣的概念可以應用到其他外掛,在增加網站新功能的時候不妨測試開啟外掛後是否影響速度,速度的取捨到底值不值得。

輪播圖片 (Slider) – 導致網站變緩

另一方面,類似功能的外掛,也會因為不同開發者而有速度上的差異。舉例來說,免費的社群分享按鈕外掛,AddThis比較起Grow Social,檔案大了接近10倍。如果外掛的功能接近或可以被取代,那選擇一個輕量級的外掛,可以幫助在Bluehost主機的網站提升速度。

避免使用的外掛替代品
Contact Form 7WP Fluent Forms
AddThisGrow Social, Social Snap, AddToAny
Divi Builder(也盡量不要使用Elementor)Oxygen, Kadence, Qubely, GenerateBlock
Yoast SEO, All in One SEOSEOPress, Rank Math
WordFence, iThemes SecurityNinjaFirewall, Sucuri
Slider Revolution, Layer SliderMetaSlider,盡量不使用Slider(圖片輪播)
WP Statistics使用Google Analytics的追蹤代碼
WordPress臃腫的外掛

減少使用第三方程式代碼

我們在架設網站時,經常需要貼上第三方的程式代碼,來實現一些功能。比較常見的有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加速外掛
WP Rocket加速外掛

WP Rocket是付費的加速外掛,1個網站使用的Single方案49美元、3個網站使用的Plus方案99美元。外掛為一年的方案,提供免費更新和客服支援;方案過期前續約可享7折優惠。WP Rocket外掛在過期後依然可以使用,可是無法繼續更新,也沒辦法尋求客服支援。購買WP Rocket外掛後,14天內可以無條件申請退款。

WP Rocket 提升Bluehost的速度
WP Rocket 提升Bluehost的速度

我們在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主機比較
Bluehost 和 Cloudways主機比較(沒有使用加速外掛)

延伸閱讀:
🟩 不推薦BlueHost主機的原因
🟩 網站搬家到Cloudways的教學

Similar Posts

發佈留言

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