網站速度

提升WordPress網站速度,不懂程式也可以優化網站的六種方法

身為網站經營者,你一定知道,網站速度非常重要,想像一下,你終於找到可以會有你需要的資訊的網站,結果發現過了好久網站都沒有顯示出來,這時候你會不會想要把它關掉,再找找看其他網站呢?

從這樣的經驗就可以知道網站速度的重要性,但是它的影響還不只如此,你可能還會想知道:

  • 網站速度會影響到什麼?
  • 我要如何知道我網站的速度?
  • 我應該要怎麼樣提升網站速度?

今天,這篇文章會一一分享給大家!!

網站速度會影響到什麼?

其實網站速度影響的層面非常多,搜尋引擎排名、曝光度、使用者體驗,其中使用者體驗還會跟著影響商業上的目標,所以網站速度其實是SEO中很重要的任務之一,而且在現代這樣講求「快」的世界,網站速度絕對也可以說是代表你網站的形象。

網站速度與SEO的關係

Google早在2010年的時候就已經聲明,網站速度會影響SEO的排名,到了現在這項排名因素影響的程度會更多。

因為Google在2018年也表示行動版網站的速度也會影響到搜尋排名,這除了可以證明網站速度的重要性,也同時證明Google對行動用戶的重視。

再來,網站速度也會影響到網路爬蟲對網站爬取,因為爬蟲在網站上的停留時間是有預算的,意思就是他不會無限期地一直停留在你的網站,畢竟他每天有那麼多的網站要爬取。

所以如果能提高網站速度的話,也可以提高爬蟲抓取網站頁面的速度,所以再越短的時間裡讓爬蟲抓到越多內容,你的網頁就可以越快出現在搜尋結果上。

網站速度與使用者體驗的關係

有研究顯示:

  • 大多數人不希望網站載入時間超過2秒
  • 大多數人等待時間超過3秒就會關掉網站
  • 大多數人覺得網站在手機上的載入時間過於緩慢

從這裡就可以發現使用者對於網站速度的要求其實非常的高,而這就很像是個人形象,想像一下如果有人做事拖拖拉拉,我想大家對這個人的形象也會變得不好。

網站也是一樣的,如果網站速度慢,使用者可能一下子就會離開你的網站。

這樣就會導致網站的跳出率提高,同樣也會讓排名下降,減少網站的曝光度。

所以提供快速的網站,對使用者來說也會有更好的體驗,自然就會常常造訪你的網站,而且也相對的就可以提高搜尋引擎的排名喔!

網站速度與銷售量的關係

剛剛說到大多數的人在網站載入時間超過3秒後就會選擇關閉網頁。

如果你經營的是一家電商網站,那我想你也有可能已經發現了,網站的速度是很重要,如果提供好的網站速度,就能夠把握住使用者,當然也就可以提升你網站的銷售量。

講到這裡你就會發現優化網站真的非常重要,因為

  • 網站速度快可以增加SEO的排名
  • 網站速度快可以提供好的使用者體驗
  • 網站速度快可以增加網站的轉換率

 

相信這時候你就會想要知道應該要怎麼樣可以知道自己網站的速度是怎麼樣,接下來會跟大家分享幾個測試網站速度的工具。

如何測試網站的速度

PageSpeed Insights

pagespeed insights

這是Google開發的工具,所以會有一定的參考價值,而且它的操作非常簡單,也會提出具體的優化項目,照著它的建議去做一定可以提升網站的效能。

不過要注意的是,第一次進行測試的時候,因為載入時間會比較長,所以通常分數也會比較低,所以建議多測試幾次出來的分數會比較準確,我個人也是分析了好多次分數才固定下來。

它的使用方法非常簡單,到了PageSpeed Insights之後,只有兩個步驟

  1. 輸入網站
  2. 點擊分析

之後你就會看到你的網站速度的分數了

pagespeed insights分數
  • 紅色代表慢
  • 黃色代表普通
  • 綠色代表快速

分析完往下滑就可以看到它對你網站的修正建議,點進去還可以看到針對某項問題推薦的WordPress外掛。

pagespeed insights最佳化建議

Pingdom

Pingdom

會推薦他的原因是發現大多數的人除了使用PageSpeed Insights之外,也會推薦這個網站。

這個工具的操作方法也很簡單,進入Pingdom的網站後,

  1. 輸入你的網址
  2. 選擇「Asia – Japan – Toyko」
  3. 點擊Start test

Test from主要是要選擇測試點,會選擇日本也就是因為它是離台灣比較近,但是它每次測試的分數都會不同,所以可以當參考用,分析好之後你會看到4個數值。

  • Performance Grade:表現等級,參考就好
  • Page Size:網站檔案大小,越小越好
  • Load Time:網站載入時間,越短越好
  • Request:網站主機要求資料的次數,越少越好

有了這些數值之後,也會知道自己需要怎麼樣優化網站的速度,所以接下來就要告訴大家,可以怎麼樣優化網站速度,這裡主要是介紹WordPress優化網站的方法。

如何提升網站速度

如果不管使用者連接到的網路速度的問題的話,會影響網站速度的因素大概有兩種

  • 虛擬主機
  • 網站本身的檔案大小

虛擬主機

如果主機的本身的效能不夠,那怎麼樣優化網站也不會有太大的成效,再來就是選擇的方案也會影響效能,虛擬主機的種類可以分成三種,共享主機、虛擬專用主機(VPS主機)、專用主機,那他們的差異在哪裡呢?

你可以想像虛擬主機是一整棟辦公大樓

  • 共享主機:某一樓層的辦公室
  • 虛擬專用主機(VPS主機):某一樓層
  • 專用主機:一整棟的辦公大樓

在價錢上,當然會是越高階的主機就會越貴,對應不同的方案也會有價錢上的差異。

如果你想要用WordPress架設網站的話,可以依照以下幾個方式去選擇:

  • WordPress官方推薦的主機:BlueHostDreamHostSiteGround
  • 有穩定的網站速度:BlueHost、SiteGround、Cloudways
  • 有提供專門給WordPress使用者的方案:BlueHost、DreamHost、SiteGround、HostGator、Cloudways
  • 主機客服的回應速度

對於BlueHost主機有興趣的話可以參考我另一篇文章:BlueHost 評價:適合部落格新手的虛擬主機,優缺點分析,國外用戶評價

PHP版本

這部分就是容易被忽略的了,提升PHP版本可以有效的幫助網站加速,

不了解怎麼升級的話,建議你可以詢問你的主機商,請求它的幫忙,大多數的WordPress網站還只在PHP5的版本,現在最新的已經到PHP7了,

如果想要知道你網站的PHP版本可以到你的主機後台看,在裡面可以找到。

以上兩個部分是在主機方面可以解決的,接下來要做的就是縮小網站的大小了

圖片優化

圖片優化可以說是優化網站速度的重要因素之一,畢竟精彩的文章講求的就是需要圖文並茂,所以如果能夠將圖片檔案壓縮的話,就可以大幅的減少網站的大小。

圖片優化會有以下幾項重點:

  • 減少圖片的使用量:相信大家一定覺得這是當然的,但我想要傳達的是,在文章裡每張圖片都是重要的,所以仔細的思考圖片使用的必要性,不僅可以幫助文章內容,同時也可以減少圖片使用量。
  • 先優化再上傳:每張圖片盡量再200K到300K之間,而且需要注意的是,盡量手動壓縮,因為可以檢查圖片的清晰度。
  • 盡量使用JPG檔:減少PNG檔的使用量:PNG檔是帶透明背景的,清溪也會比較高,但是檔案的大小就一定會比較大。
  • 盡量不要使用動態的GIF圖:理由很簡單,就是因為檔案很大。

如果你不會用繪圖軟體,像PS、AI,以下有幾個工具可以幫助你

Image Rasizer:它除了可以壓縮圖片之外,還可以幫助你調整圖片尺寸

Compressor:它可以支援JPG、PNG、GIF、SVG的圖片壓縮

Kraken:它可以一次壓縮多個檔案,所以需要一次壓縮很多圖片的話,可以使用它

在WordPress中其實也有其實也有圖片優化壓縮的外掛,

Shortpixel

Shortpixel

這個外掛可以自動幫你壓縮優化你的圖片,而且每個月有100張免費額度,等於是你每個月都可以免費壓縮100張圖。

如果你的網站圖片用量很大,可以考慮購買它的進階方案,而且價格非常划算,而且它網站本身也可以進行圖片壓縮,真的是很方便的外掛。

關於ShortPixel Image Optimizer 的相關設定可以參考我寫的ShortPixel Image Optimizer設定教學,WordPress外掛中的圖片優化神器

佈景主題

WordPress的佈景主題也會是網站資料的一部分,所以必須要選擇速度快的佈景主題,同時要注意的是沒有使用的佈景主題就不需要留在資料庫裡,這樣也會占網站的空間。

免費的佈景主題推薦:

減少多餘的外掛

外掛是煮成WordPress網站最重要的因素之一了,而且WordPress的外掛非常多樣,幾乎什麼樣的功能都會有,這也就會導致常常會下載很多外掛來做測試,但是它會需要注意的問題就是,有的外掛的資料量也是很龐大的。

所以在使用外掛的時候也會需要注意,以下兩點:

  • 刪除用不到的外掛
  • 使用來源可靠的外掛

如果想知道有什麼外掛是可以使用的,可以看我這篇WordPress外掛推薦的文章,裡面有許多是基本上都會用到的外掛。

快取外掛

最後也是最重要的就是快取外掛了,所有的網站都會用到WordPress這種外掛,快取外掛可以幫助你建立網站的靜態版本,這樣有使用者造訪你的網站的時候,就不用每次都要在請求伺服器重新連線。

如果沒有安裝快取的話,會導致每次連線都要重新讀取料庫,就會增加CPU跟記憶體的負擔。

如果你在在網路上提升網站速度的相關文章,都會發現會需要你壓縮CSS、JavaScript之類的方法,這些基本上就是快取外掛會處理的部分了。

對於快取外掛,我會推薦以下幾種

免費快取外掛:WP Super Cache、WP Fastest Cache

WP Super Cache

WP Super Cache

WP Super Cache是由WordPress官方開發的外掛,在支援與相容性一定會具有相當的水準,當然它也是免費的外掛,所以對於新手來說,他會是很好的選擇。

WP Fastest Cache

WP Fastest Cache

WP Fastest Cache是免費的快取外掛,在免費版就可以使用大部分的功能,如果使用後覺得不錯,那也可以考慮他提供的Pro版,但是他的缺點就是什麼功能都有,但因為都有所以檔案也相對來說比較大。

付費快取外掛:WP Rocket

WP Rocket

WP Rocket 可以說是大部分的人都會推薦的付費快取外掛,雖然他沒有提供免費的版本,但是因為他強大的功能,即使他需要付費,也有很多人願意購買。

他的方案分成三種,

  • 一年單個網站:49美元
  • 一年3個網站:99美元
  • 一年無限多個網站:249美元
WP Rocket 方案

以下是我安裝WP Rocket之後的測試結果

安裝前

網站速度測試 安裝快取外掛前

安裝後

網站速度測試 安裝快取外掛後

行動版的差異會這麼大的原因就是,因為WP Rocket有針對行動版的快取,所以可以有效地增加行動版的載入速度。

關於WP Rocket的相關設定可以參考我的另一篇文章,WP Rocket,最好的WordPress快取外掛,輕鬆提升你的網站速度!

Cloudflare

cloudflare website

Cloudflare是在2009年創立DNS託管服務商,他透過內容傳遞網路(Content Delivery Network, 簡稱 CDN)、分散式網域名稱解析服務(Distributed Domain Name Server),透過這兩個技術,不只可以讓網站加載的更快,同時他可以隱藏你IP位置在CF的伺服器後,避免真實伺服器受到攻擊。

他的作用是,原本訪客要瀏覽你的網站的時候,必須要先向你的伺服器提出請求,伺服器再將你的網站資料傳送到訪客的電腦,這樣一來一回,如果網站訪客數量多了就會導致伺服器不堪負荷!

不過Cloufdflare在全球建立了多個資料中心(到現在全球已經有194個,包含台灣),並且將你的資料儲存在這些資料中心裡,並且讓訪客可以在他最近的資料中心讀取你的網站內容,這樣就可以大大加快網站載入的時間了!

想知道更多關於Cloudflare的資訊可以參考我的另一篇文章:Cloudflare免費DNS託管服務設定教學,輕鬆提升網站速度跟安全性

 

結語

以上就是我對於如何優化網站速度的方法,在現在講求快的時代,網站速度勢必會是很重要的關鍵,也會影響很多的事情。

所以還在等什麼,趕快去優化你的網站吧!

希望今天這篇文章可以幫助大家!

24 thoughts on “提升WordPress網站速度,不懂程式也可以優化網站的六種方法”

  1. Pingback: ShortPixel Image Optimizer設定教學,WordPress外掛中的圖片優化神器

  2. Pingback: 如何讓Google索引你的網頁?4種確認方法與2種建立索引方法!

  3. Pingback: WordPress佈景主題怎麼選?16個常見問題,10個佈景主題推薦

  4. Pingback: WP Rocket,最好的WordPress快取外掛,輕鬆提升你的網站速度!

  5. Pingback: Cloudflare免費DNS託管服務設定教學,輕鬆提升網站速度跟安全性

  6. Pingback: TinyPNG 最佳線上PNG圖檔壓縮工具,有效減少網站的負擔

  7. Pingback: Compressor.io-線上圖像壓縮工具,高質量壓縮,但不影響畫質

  8. Pingback: Compressnow - 免費線上圖片壓縮工具,可以依據需求調整質量

  9. Pingback: iLoveIMG圖像處理工具懶人包,從圖片壓縮到旋轉圖片樣樣都有

  10. Pingback: 6個免費的線上圖片壓縮工具,輕鬆的解決你圖檔太大的困擾

Leave a Comment

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

Scroll to Top