我的Wordpress網站速度好慢喔、每次開啟網頁時都跑很久該怎麼辦?

網站速度慢的可能性有很多,如果你很不幸遇到這個問題的話,這篇文章和你分享一些可能的狀況,和如何加速Wordpress,幫網站找到適合的優化方法。

一起和慢吞吞的WordPress網站說掰掰吧。

這篇文章會分享

  1. 網站太慢有什麼影響
  2. 網站速度變慢的原因
  3. WordPress速度優化教學
  4. CloudFlare CDN 申請教學
  5. CloudFlare CDN 設定教學

 

網站太慢有什麼影響

沒有人喜歡等待

我不喜歡等待,你呢? akamai研究了網站速度和消費者的反應,顯示.如果網頁載入時間超過兩秒的話,訪客會開始感到不耐煩。

一旦你的網頁載入時間超過三秒,喔.那很抱歉,會有40%的人選擇直接關閉網頁離開,很誇張吧,少了整整40%的訪客流量,所以要避免讓龜速網站影響到你的網站。

對搜尋引擎也有影響

Google搜尋引擎也表示過,它們的SEO(搜索引擎優化)排名演算法之中有包含「網站速度」這項因素。

要知道,人們使用搜尋引擎時,通常希望能盡快他們需要的東西;所以網站速度太慢的話,導致訪客的跳出率高、停留率低,長久下來這樣搜尋引擎也會覺得,你的網站不是人們需要的喔。

避免這個情況 優化你的WordPress速度

 

網站速度變慢的原因

解決問題前就要先了解問題如何產生,會影響WorPress網站速度的原因其實不少,下面幾個是比較常見你可能會遇到的原因。

  • 虛擬主機品質差
  • 肥大的佈景主題
  • 沒有安裝快取
  • 沒有優化圖片
  • 沒有設定GZIP
  • 沒有設定延遲載入

 

如何測試網站的載入時間

除了上面列的網站速度變慢的能原因,很多WordPress站長也會透過一些線上工具,來分析網站的網頁載入時間,下面分享三個常用的工具。幫你診斷網站網站變慢的可能原因。

這裡使用gtmetrix幫我的WordPress 網站分析一下,可以看到我網站圖片優化的部分沒做好,有了明確改進的方向那就好辦多了,可以使用圖片壓縮外掛來解決這個問題。

 

 

WordPress網站速度優化

 

好囉.進入正題,下面和WordPress初學者們分享一些簡單速度優化的方法.

挑選擇適合的虛擬主機

1.選擇數據中心位置

訪客的連線速度和數據中心的位置有密切的關係。

不難理解吧,訪客連到美國和連到亞洲的機房,兩者資料傳輸的距離可是差很多喔.

如果你的網站是中文的話,訪客流量也都以亞洲為主,那建議選擇在亞洲有數據中心的國外主機商,數據中心離訪客越近網站的載入速度也愈快。

2.選擇提供PHP7的虛擬主機

PHP是世界流行的程式語言之一,WordPress也是以PHP為基礎來運作,所以你的虛擬主機必須安裝PHP才能架設WordPress,不過你不需要擔心如何安裝,因為購買虛擬主機時已經幫你設定好了。

WordPress官方也建議使用PHP7以上的版本,可以提高WordPress的安全性和工作效率,下圖也可以看到和PHP 5相比PHP7處理能力優秀好幾倍。

 

3.主機採用SSD硬碟

選擇使用SSD硬碟的虛擬主機也能有效提升網站速度,我相信應該不需要多做解釋吧,如果你有用過SSD硬碟那你就能明白,和使用傳統硬碟相比SSD硬碟的讀寫能力有明顯的差距。

 

WordPress小提示

如果你正在找適合的虛擬主機想架站或搬家,不知道該選擇哪家的話,可以參「WordPress網站做中學」目前使用的「siteground」虛擬主機。

siteground在新加坡設有機房、主機也提供PHP7、SSD硬碟、NGINX靜態網頁、SuperCacher等功能網站優化功能都幫你準備好了。

 

 

輕巧的佈景主題

WordPress有大量免費或付費的第三方佈景主題可以挑選,其中也包含有華麗特效、強大功能的主題,如果這些主題的作者架構沒寫好造成佈景主題肥大的話,也會拖慢網站的運行速度。

所以挑選Wordpres主題的時候,如果不是必要,那建議找簡單、輕巧的佈景主題來使用,不要為了酷炫的特效犧牲網站效能。

還有一點很重要,請確保佈景主題符合響應式設計,讓訪客無論使用使用手機、平板還是電腦都能獲得最好的瀏覽效果。

WordPress小提示

輕量級的主題我推薦:GeneratePressoceanwp 都有免費版適合初學者使用。

 

安裝WordPress快取外掛

什麼是快取外掛(Cache)

由於WordPress網站要顯示網頁或資料前,會先讀取存放在資料庫裡的內容,讀取完後才會呈現結果給訪客觀看。

所以你的訪客和讀取的資料量越多,伺服器的運算負擔也會加重。

但我們可以透過快取外掛把網頁生成靜態的html頁面,這樣的好處是可以減少訪客讀取資料庫的次數,對WordPress的效能有很大的幫助。

下面幾款是常見的快取外掛,可以選其中一款來使用。

 

  1. WP Super Cache (有中文 設定簡單)
  2. W3 Total Cache (英文版 而且比較複雜)
  3. WP Rocket (付費外掛)

 

WordPress小提示

如果你使用siteground安裝WordPress的話,已經內建快取外掛

請在「控制面板」→「SG Optimizer」→「supercacher setting」這裡打開快取的功能。

 

開啟Gzip網頁壓縮

Gzip是甚麼
Gzip是一種網頁的壓縮技術,會在伺服器將網頁傳送給訪客前先壓縮過,讓訪客者接受後再透過瀏覽器解壓縮,藉由這個方法可以有效節省流量,自然網站的速度就能變快了。

我建議Gzip網頁壓縮一定要開啟,不過要注意,有些虛擬主機購買時就設定好了,有些則要自己設定。

所以我們可以使用Gzip測試工具,檢查你的網站有沒有開啟Gzip網頁壓縮,避免重複開啟造成衝突。

Gzip 測試網站: gzip-test

進入測試網站輸入網址,輸入網址測試網站有沒有開啟Gzip網頁壓縮。

如果你的WordPress網站沒有開啟的話,也沒關係,可以透過前面提到的快取外掛來開啟Gzip網頁壓縮功能。

 

SG Optimizer 開啟方法:

使用siteground主機的可以從後台到「SG Optimizer」,進入環境優化設定,直接開啟Gzip。

WP Super Cache開啟方法:

在「設定」→「WP Super Cache」→「進階選項」勾選「壓縮網頁」。

 

W3 Total Cache 開啟方法:

在外掛設定找到「Browser Cache settings」進入設定頁面開啟HTTP (gzip) 功能。

 

自動壓縮圖片

你的文章有很多圖片嗎,如果有的話可以使用透過壓縮大幅減少圖片的大小,但是要一張張手動壓縮那不是會累死,還好WordPress能安裝自動壓縮圖片的外掛,當我們把圖片上傳到媒體庫時,就會自動壓縮完成。

除非你是攝影、設計..等,這些必和顧客須展示高畫質圖片的網站,不然我都蠻推薦使用壓縮圖片外掛來節省網站流量,。

1. WP Smush  超過100萬人安裝的圖片壓縮外掛

安裝完WP Smush後,進入外掛頁面會有設置精靈引導你使用,當然你也可以跳過使用預設的設定,預設的設定已經將圖片壓縮功能開啟了。

 

 

2.SG Optimizer WordPress優化外掛

SIteground主機用戶可以直接到「SG Optimizer 」→「IMAGE OPTIMIZATION」裡,一鍵開啟圖片壓縮功能就可以囉。

設定延遲載入

如果你是教學、旅遊、食記..等網站,那一篇文章裡可能會有一堆圖片,如果開啟網頁的時候,一次載入太多圖片,那網站的速度肯定會受到影響。

還好WordPress也能找到延遲載入的外掛,開啟延遲功能後,圖片就不會一次全部載入,而是瀏覽者看到哪裡圖片才載入到哪裡,WordPress做中學也有開啟延遲載入圖片,如果不太明白運作方式可以參考本站文章的圖片載入效果喔。

 

1. a3 Lazy Load

a3 Lazy Load也是蠻多人使用的免費外掛,除了圖片之外,影片、縮圖、小工具也都能設定延遲載入喔。

 

 

2. SG Optimizer WordPress優化外掛

SIteground主機用戶就直接到「SG Optimizer 」→「IMAGE OPTIMIZATION」開啟延遲載入,一樣可以自己決定縮圖和小工具要不要開啟,一個外掛抵3~4個外掛很適合我這個大懶蟲。

 

CloudFlare CDN申請教學

CDN是什麼? 我有需要CDN嗎,對於初學者來說,CDN、CloudFlare、這些名詞感覺或許會很陌生,但是對於許多站長而言,CloudFlare免費CDN服務是非常實用的工具喔 。

 

什麼是CDN
CDN中文名稱為「內容傳遞網路」,簡單來說當您網站使用CDN時,CDN會將你網站內容快取到全球的伺服器上,瀏覽者能夠從離自己最近的伺服器接收網站內容。加快瀏覽者的載入速度,也能減輕我們虛擬主機的負擔。

 

CDN有甚麼好處

 

  1. 優化網站的效能
  2. 降低主機的負載
  3. 減少主機流量消耗
  4. 提高網站的安全性

 

WordPress小提示

如果你是使用siteground虛擬主機,使用新加坡機房本身速度就夠快了,裝了cloudflare CDN後,網站未必能在加快喔。

你如果也是使用亞洲機房,訪客也以亞洲人為主,又或者是一般小網站沒有節省流量、降低負載、阻擋惡意攻擊這些需求,那也需不急著使用cloudflare CDN。

畢竟,好的工具也要在適合的時間點使用,才能發揮它的價值喔。

在國外CDN服也務有很多選擇,像是MaxCDN、Sucuric和CloudFlare,如果你有需求的話我推薦使用CloudFlare,它的免費服務對於大部分的網站就夠用了,有許多WordPress站長也都選擇CloudFlare來提升網站效能、減少主機頻寬的消耗。

 

 

第一步.註冊帳號

進入cloudflare網站後,這裡如果還沒有帳號請先註冊一個,輸入信箱和密碼後就能申請帳號了,這時候信箱會收到驗證信可以有空時在驗證。

第二步.輸入網址

輸入要使用CloudFlare的網站網址,後點擊add site進入下一步.

第三步.導入DNS記錄

這邊CloudFlare自動抓取你目前的DNS設定值,因為接下來我們要將網址轉給CloudFlare代管,所以這裡會自動抓取原本的設定紀錄,方便無痛轉移,我們甚麼事都不用做直接NEXT。

 

第四步.選擇cloudflare方案

選擇要使用的cloudflare方案,我們這裡當然是選擇免費方案囉,其他進階的功能,等我們的網站流量變大在考慮也不遲。

第五步.確認DNS設定值

這邊會顯示CloudFlare自動掃描的DNS記錄,確認你的記錄是否正確,如果有漏掉可以新增或晚一點再使用CloudFlare的DNS代管來設定。

確認完DNS記錄後可以選擇要啟用的網址,在進入下一步

 

第六步.修改DNS

下圖左邊是你目前的代管的Nameserver,我們要把它換成CloudFlare的Nameserver,讓CloudFlare代管網址。

複製好CloudFlare的Nameserver後,我們必須回到原本註冊網址的地方更新DNS配置。

每個人註冊網址的地方雖然都不一樣,但修改原理是一樣的,這裡用我使用GOOGLE DNS來做範例。

進入DNS設定區後,進入名稱伺服器設定,選擇使用「自訂名稱伺服器」,再把剛剛複製好的CloudFlare的Nameserver貼上去,這樣就搞定囉。

剩下的就是等待新的配置生效,一般來說大概十幾分鐘就能搞定,但有些人可能會等到幾十個小時小時也不一定。

 

配置生效後,CloudFlare會主動寄通知過來,這時就可以開始可以享受CloudFlare的服務囉。

 

SiteGround快速啟用Cloudflare

SiteGround的使用者,如果有需要啟用Cloudflare的話,除了上面的申請方法外,也可以直接登入後台,到「MY Accounts」→「Information & Settings」裡找到「Cloudflare CDN」後點「Access」準備申請Cloudflare。

選擇免費啟用,輸入你的信箱註冊Cloudflare帳號後,就可以直接在SiteGround的後台設置Cloudflare,開始享受CDN的優化服務囉。

Cloudflare基本設定

CloudFlare生效後我們可以到控制面板自訂CDN設定,如果不知道怎麼設定的朋友,也可以參考我的CloudFlare設定喔。

Cloudflare SSL設定

首先登入CloudFlare,選擇「Cypto」選項。

這裡我把SSL設定為「Full Strict」

什麼是Full Strict
全程使用SSL加密連線,你必須擁有一個SSL證書在你網站上,而且Cloudflare會檢查你主機端的SSL證書是否為第三方公正單位簽署(不能使用自己簽署的)。了解更多香腸

因為我使用的siteground虛擬主機已經有配置SSL了,所以我不需要使用到CloudFlare提供的部分SSL加密連線(Flexible SSL)。

如果你的網站沒有自己的SSL,但你又想要幫WordPress加上綠色的鎖頭(SSL),那可以改設為「Flexible SSL」,讓瀏覽者可以使用CloudFlare的SSL連線。

 

開啟Auto Minify

登入CloudFlare後台,選擇「Speed」選項。

這裡我Auto Minify配置全部勾選,讓Cloudflare幫我們把HTML,CSS和JavaScript文件壓縮後在傳送給訪客,讓網頁瀏覽速度更快,如果你的WordPress網站安裝過類似的外掛功能,可以把外掛的這項設定關閉喔。

 

CloudFlare頁面規則

CloudFlare免費版可以自訂3個頁面規則,來進階設定Cloudflare 的功能,正確的設定頁面規則能幫網站提高安全性和效率喔。

如果沒有特別設定CloudFlare頁面規則,那你可能在登入WordPress管理員面板時,會覺得有點卡卡的,所以我們要幫wp-admin(後台)新增頁面規則,讓CloudFlare不要快取WordPress管理員後台。

進入CloudFlare後台,選擇「Page Rule」選項,在點選「Create Page Rule」。

下面的設置是我參考cloudflare community分享的Page Rule設置,提高了WordPress控制台的安全性和使用效率。

首先輸入你的後台網址「example.com/wp-admin*」要加星號喔

然後照著下面的配置優化WordPress的管理員後台,設定完後在儲存。

 

結論:

好囉,上面這些是我自己有用到的WordPress速度優化方法,不必全部照抄,可以挑選適合你的優化方法,希望這些方法能幫你解決WordPress速度上的問題。

如果你還沒有自己的WordPress網站,那可以參考這篇WordPress初學者架站教學喔。

 

最後修改日期: 4 月 2, 2019

作者

留言

撰寫回覆或留言

發佈留言必須填寫的電子郵件地址不會公開。