網頁速度慢怎麼辦?7個優化網站速度的方式

網頁速度慢怎麼辦?7個優化網站速度的方式

有在經營網站的人一定會遇到一個問題就是網頁速度慢怎麼辦?

網站速度該怎麼優化讓他變得更快,尤其是跟網站有關的,

對電商或是形象網站來說,這可以是會大大影響自己的收入,

這一篇我會以我的WordPress網站搭配Cloudways主機

來跟大家說明我的提升網站的一些小措施以及網站變慢我的解決步驟。

如何知道自己網站的速度

要知道自己網站的速度非常簡單,一般我們會到Google

自行開發的PageSpeed Insights上面搜尋自己的網站,

他會給你一個網站的速度評分,分數越高代表速度越快,

而你除了可以看自己網站的速度之外,還能夠觀察別人網站的速度,

像是Google他們自己的速度幾乎是99或是100滿分的狀態,

google網站速度

如果你是WordPress網站則要看你佈景主題和網站大小和主機規格,

大部分的數值都不高,不過不用擔心,只要你基本的優化有做好,

網站使用的感覺還可以,不會太慢,那麼你就不用太擔心,

下面我會給大家幾個方式去嘗試優化自己網站的速度方法,

並且分享我網站速度從經歷增長並換主機接著突然變慢的解決方式和經驗。

網頁速度慢怎麼辦?

壓縮圖片

在寫文章、做網站的時候,我們常會需要使用到很多圖片,

如果是部落格的話,建議使用不需要使用到太高的畫質,

因為部落格重點在於文字內容,所以可以使用ILOVEIMG剪裁大小,

我個人除非是有文字的圖片,否則幾乎都是400px以下,接著再使用Tinyjpg壓縮,

這樣就不會佔太大的內存空間了,降低主機的負擔。

內容盡量能夠存在別的位置

這邊所說的內容是指說像是影片或是圖片甚至聲音檔、文件夾,

這些如果可以放在雲端裡面,分享連結的話,就不會佔到主機的空間,

另外如果是影片,可以先上傳到Youtube上面再裡用崁入的方式,

分享在網站上面,可以達到同樣的效果喔!至於圖片,有些部落客以網站為主要職業,

會去購買圖床放置圖片,將圖片和內容放在兩個不同的主機,跟Youtube是一樣的道理。

使用快取外掛

網頁外取是一個可以算是每個網站必須要有的功能了,如果你不了解快取,

簡單來說就是當你第一次造訪過這個網頁,他會將你這部分的資料暫時存起來,

如果你突然想要再回來觀看剛剛的內容,他會直接幫你叫出來,

不需要重新再載入,這會比重新載入快上許多,想更加了解可以看維基百科

至於有哪些快取呢?如果是WordPress的網頁就有許多快取外掛,

而我使用的是Breeze,這是由Cloudways主機商所開發的快取外掛,

是免費的,不一定要是Cloudways才可以使用,不過跟Cloudways主機搭配

才可以把它最大的性能發揮出來,有興趣的可以參考下面這一篇文章

延伸閱讀:Cloudways教學、搬家、評價、優惠以及自身慘痛經驗大公開

Cloudways

減少不必要的外掛

一般我們會使用外掛解省我們的時間,也免去我們需要打程式碼的麻煩,

但是外掛也會影響到主機使用,但並不是叫你不要使用外掛,

是選擇必要的外掛,把不必要的外掛刪除,沒有一定的數量,

主要是看外掛的大小,像這個網站的外掛數量大部分都維持在20幾個,

最大的外掛Jetpack,大小是6.6MB,算是外掛中滿大的大小,

不過因為對我來說是必要的,所以我必須要安裝它,

藉此去思考一下哪一些外掛不需要把它刪一刪。

選擇輕巧的主題背景

主題對一個WordPress網站來說相當重要,它不只是一個網站的外觀而已,

同時也會影響到整體網站的速度,千萬不要因為看哪個佈景主題功能多,

就選擇使用它,我曾經觀看這一篇

[心得] 歷時 54 天的痛徹心扉網站改版~從 Avada 到 OceanWP

Avada它是許多人推薦新手的佈景主題,主要是因為它公 能很齊全,

幾乎所有功能都有,但是它卻有一個致命的缺點,就是它的容量太大了,

大到已經會影響到速度,所以它網站到後期才要把它改成OceanWP

OceanWP也是一個輕巧而且適合新手的主題,而且裡面有多種主題,

可以適應任何的網站類型,我才會購買這個主題來使用,

這也是我一直推薦身旁朋友使用的主題,如果更了解可以看這一篇文章

延伸閱讀:【OceanWP中文教學】超推薦WordPress新手主題,付費版費用、與Elementor結合方式整理

oceanwp

更換或是升級VPS主機

這是這一篇的重點,一般我們租用的主機有分共享主機和VPS專屬主機,

共享主機需要跟別人一起使用,所以資源分配會比較少,但價格便宜例如:Bluehost

而VPS專屬主機則是自己使用一台專屬的主機,資源都是自己享有,

但價格較貴,例如Cloudways

我一開始是使用虛擬主機,但是經過一年之後,我的流量有點大了,

原本主機已經快負荷不了了,所以我後來就搬家到VPS專屬主機,

速度整個快上許多,會使用Cloudways還有一個原因,

就是如果發現速度又開始慢下來了,可以繼續升級,使用多少,

就付多少的錢就可以了,這也是我使用Cloudways的主要原因。

如果你想要搬家或是直接在Cloudways上面的話,可以看下面這一篇

延伸閱讀:Cloudways教學、搬家、評價、優惠以及自身慘痛經驗大公開

網站速度優化的最後手段

如果上面的方式你都做了,那麼接下來只能請工程師或是你自己會程式語言,

直接從網站上面去精簡程式碼,讓你的網站變得更輕巧,

不過如果沒有學過,或是把握的話,千萬不要自己來,

否則一個不小心就把網站搞砸了,要花更多的錢才能救回來,

根本就得不償失,我個人覺得這是最後手段,不過我目前都還沒使用到最後手段,

下面我會分享我怎麼判斷我的主機甚麼時候要升級,以及我實際的例子。

如何檢測自己的網站速度

我在上面有說到,其實每個網站速度在那些測速網站所得到的數字,

只要參考就好,不用太在意,最主要的還是使用的使用感覺,

將自己的網站放在無痕視窗裡面,體驗一下,從搜尋到你的網站或是文章,

有沒有感覺特別的慢,如果載入速度不會慢到你不想等下去的話,就不需要太在意;

當然只有自己的檢測不一定準確,所以你可以找幾個朋友或是家人,

請他們幫你測試之後,並告訴你他們的感想,只要速度不會慢到想讓他們離開,

那麼你就不需要過於擔心網站的速度,專注把網站和內容做好,

畢竟我們網站是做給人看的,並不是給機器,所以以使用者體驗為主。

我升級網站的速度以及如何發現經驗

這個網站總共升級過兩次,每一次都是在我明顯發現速度不夠的情況,

我才去做升級的,如果你想要知道我怎麼判斷你的網站是不是要升級,

可以參考我的經驗,下面完全沒有使用到任何程式語言,所以一般人也可以照我的經驗。

第一次升級

這個網站第一次是使用SiteGround的虛擬主機架設的,

因為網站剛開始,所以選擇使用虛擬主機,對於剛開始的網站,

因為還沒有任何的內容和流量,所以使用虛擬主機是沒有問題的,

但是經過一年之後,我的虛擬主機約期快到,我正在考慮要不要繼續續約的時候,

發現我的網站每月拜訪人次已經遠遠超過它所建議的人數,

所以那時網站常常人數突然爆發,有幾次還因為負荷不了,

斷線了幾秒鐘,我自己也有感覺速度沒有以前那麼快,

因此我覺得升級我的主機,從共享主機到VPS專屬主機,

會選擇Cloudways是因為要使用VPS原本應該要有工程師背景會比較好,

但是Cloudways簡化了難度,只要選擇你要規格就可以了,

其他複雜的部分都有它們內部的工程師負責,另外它可以選擇用多少,就付費多少,

因此跟我原本負擔其實差不多,最後就選擇使用Cloudways最便宜的方案。

這是我第一次升級的經驗,速度上有明顯的提升,當然,

我有把網站速度拿到PageSpeed測試,在手機版上面速度從6分進步到12分,

網頁版從40幾分進步到60幾分,當然這只是我用來參考而已,但實際體驗真的差很多。

第二次升級

因為我在Cloudways是使用最便宜1GB的方案,剛開始是沒有什麼問題,

後來到了10月底,我發現網站突然又變得相當慢,我馬上到Cloudways主機上面,

發現我主機的CPU和RAM使用率幾乎是100%,也難怪網站會變得這麼慢;

如果不是Cloudways的使用者,我在這邊簡單說明以下,

Cloudways它的主機後台可以觀察主機的使用是如何,

可以看下圖,這是CPU的使用率,在這裡顯示目前使用率是多少,

Cloudways主機使用情況

另外下面這一張是它提供的免費CPU空間,這部分是怕你的網站流量突然暴增,

免費CPU使用率

以備不時之需,如果上面這一條線低於20%,代表說你的主機差不多要升級了,

可以看圖片框起來的部分,我在10/29那天,備用的CPU使用率都是0%,

也是那一天我發現我的網站變得超級慢,我當天立即從1GB升級到2GB,

隔天我的CPU使用就變得相當正常,所以如果你是Cloudways使用,

不用擔心不知道什麼時候要升級,只要發現網站不對勁,去看一下使用率,

發現不夠了,往下面Scale那邊點一下就可以直接升級了,

非常方便當然我馬上把網站拿到PageSpeed上面測速度,

突然間手機版的速度變成36分,網站速度變成6、70分,升級網站速度突然改變許多,

也是因為這個原因,其實我都是使用到很緊繃,才去升級網站速度的,

如果你不想要浪費過多的資源,那麼你也可以選擇使用Cloudways,

需要多少再付多少錢就可以了,最便宜一個月只要12美金就可以架設一個網站。

延伸閱讀:Cloudways教學、搬家、評價、優惠以及自身慘痛經驗大公開

結論

網站速度改善的方式有很多,上面我主要列出來就是一般人可以改進的部分,

想要從最基本的方式改進速度的話,就要從網站程式碼本身下手了,

不過只要體驗起來問題不大,其實不用太擔心,因為就連速度超慢的那天,

我網站的在線人數也有10、20幾個人,跟平常沒有兩樣,

所以你能做的都做了,接著就交給Google或是工程師吧!

我個人是沒有請工程師幫我優化速度,上面跟大家分享。

如果你也有興趣架設一個WordPress網站的話,可以看一下下面幾篇文章

延伸閱讀:

如果對文章內容有任何問題或是回饋,歡迎大家在底下留言讓我知道。

如果你喜歡我的文章,可以按分享按鈕,讓更多的人看見我的文章。

順便可以幫我按一下下面拍手Like的圖案,幫助我可以得到一些回饋,註冊是完全免費的喔

這會讓我有動力繼續分享這些資訊喔,一個人最多可以按五次喔

謝謝大家

Learning is future 創作團隊 及 Mr.T

Tim Hsiao

最完整的線上課程製作、推薦值得學習的線上課程,找到適合你的技能

你對這篇文章有什麼感想呢?