SEO教學|寫給部落客的4個「網站速度優化」攻略,照著做就飛快! - 早安傑森

之前寫過一篇新手部落客的SEO大攻略,裡面有提到網站速度優化,當時就答應大家要再寫一篇,現在我來了,讓我們一起來把網站增速吧!

延伸閱讀:不囉唆!6招新手部落客SEO超級攻略,是時候攻破GOOGLE了!(上)

先給各位看看我網站的速度(下圖),以免你說我只會吹牛,自己網站慢得要命。

網站速度優化攻略
雖然不是超猛,但非常ok吧!

我在這篇文章會教你們怎麼做,可以實際提升網站的載入速度,雖然每個站可能會面臨到「各式各樣」不同的速度問題,但我說的這些方法,可以大致上解決85%以上網站很慢的問題。

我自己也接過好幾個WordPress網站速度優化案子,算是有那麼一點點經驗,希望大家看完後,載入速度都能照甘納飛

網站速度優化攻略

網站速度要去哪裡測試?

在優化之前,你總得先知道「標準」在哪裡,才知道自己到底有沒有變快。

這裡我提供兩個不錯的測速工具,一個是Pingdom tools、一個是GT metrix;你可能會好奇,怎麼沒有Google的Pagespeed insight呢?

因為他實在「太嚴格」,而且常常都沒有參考性,有超多「號稱」SEO優化的公司,自己網站丟進去也是超低分出來,所以用Pagespeed insight很容易讓人迷失,覺得自己網站好低分,排不上Google第一頁肯地是網站速度的問題。

NO!你排不上名,90%以上的原因就是你的內容太遜砲了,不要扯什麼網速、演算法更新等等技術問題,最大的問題就在你不好好寫內容

最有效的SEO,恰好就是最無聊的事情:寫好文章

回到網站速度的主題,在使用Pingdom toolsGT metrix時,要記得把Test from調到離你網站訪客最近的位置,如果在台灣的話,Pingdom就是調到Tokyo,而GT metrix就是調到香港。

網站速度優化攻略
網站速度優化攻略

部落客網站速度優化攻略一:主機是王道

快速優化技巧:等Share Hosting合約到期後,搬家到Cloudways VPS獨立主機

除非你高端到可以自架Server,不然任何一個網站要放在網路上供人瀏覽,都需要租借一個虛擬主機。

這篇文章不是要扯主機的,我就不講得太深入,你只要知道:租借主機,就等於跟別人借一台電腦,存放你的網站資料。

每次有人要到你網站的時候,主機就會幫你把網站資料叫出來。

就跟你電腦開應用程式也會有快有慢一樣,主機商的效能好壞,很大一部分決定了你網站開啟的速度。

網站速度優化攻略
我的講法很簡陋,但不會影響理解

在租借主機的世界中,大概分成三個等級:Share Hosting共享主機、Virtual Private Server(VPS)獨立主機、Cloud Hosting雲端主機。

如果你希望你的網站載入速度可以達到平均水平以上,就請略過共享主機

在台灣比較紅的幾個共享主機有Bluehost、Siteground(好像要終止合作了)、Godaddy、Hostgator(稍冷門)。

上面四個我都用過,Bluehost跟siteground更是用了兩年以上,憑良心講,在我還不知道有更好選擇的時候,他們也都「堪用」,雖然有時候會遇到一些小麻煩,但大多時候,還是運作的很ok;但速度上,他們就是慢人家一截。

為什麼網路上很多人推薦共享主機呢?

兩種可能,一種是因為他們可能跟我之前一樣,沒用過好用的,憑著個人使用經驗去分享,第二種可能就是因為聯盟行銷分潤佣金高,所以就乾脆蒙著雙眼推薦,反正用起來也還行。

無論理由是啥,我只想說:能別用,就別用!

只要你換到VPS以上的主機過,就絕對回不去了。

VPS目前市場的主要玩家有:LinodeVultrDigital Ocean,除了Linode,另外兩個我都用過。

以前要使用VPS的技術門檻比較高一些,還會需要自己建制Server,且需要另外安裝第三方的面板管理,複雜度高,自然就嚇跑了很多初階玩家。

但現在不同了,因為有了Cloudways這新玩家,它可以讓你用「超簡單」介面去使用VPS,而且價格還很平民。

網站速度優化攻略
希望他能一直維持好表現下去(因為有些主機商過幾年就變廢了)

如果你原先是使用Share Hosting可以注意一下合約何時到期,並把自動續約的功能給關掉(通常會藏的很難關),在合約到期前,搬家到Cloudways,你的網站速度絕對就會提升30~50%。(不會搬家可以問我)

網站速度優化攻略
不只是VPS,雲端主機也能透過Cloudways搭建,但價錢就有點高了(部落客也不用用那麼好)

換主機,速度增!就是這麼簡單。

部落客網站速度優化攻略二:使用Cloudflare

快速優化技巧:使用Cloudflare的免費DNS

網站速度優化攻略

如果你看到上面那串字就頭痛,你可以略過這一段,因為這裡的提速不會太多,但的確會快那麼一點點。

方法就是先到Cloudflare申請帳號,並把你網域的Nameserver更改為Couldflare所提供的;之後,所有的DNS紀錄,都使用Cloudflare來新增與更換。

這裡會提速,就是Cloudflare在把網址指到你ip的速度比較人快了一點(見下圖),所以整體載入速度,就會感覺加快了。

*覺得完全看不懂又實在很想用,可以再問我。

網站速度優化攻略
其實只快一點點點點,但還是有快。

部落客網站速度優化攻略三:圖片優化

快速優化技巧:使用小檔案圖片,並使用圖片優化外掛(reSmush_it)壓縮

一般網站中,最佔空間和最容易拖慢載入速度的元兇,就是圖片。

雖然圖片很機歪,但網站中要是沒有圖片又會很空虛,所以我們得學習與圖片好好共處的原則。

圖片檔案不超過1mb

很多人喜歡在圖庫網站上找圖片,這種圖片常常都是5mb以上起跳的,一旦你把他們放進網站,你的速度就會慘不忍睹。

那要如何縮小圖片大小呢?

第一是縮小尺寸,放在文章中的圖片寬大約1080px就夠了,第二則是更改檔案為jpg,除非你有需要去背的圖片,不然png跟jpg畫質不會差太多,全部使用jpg即可。

第二是改變解析度,圖庫網的圖片有時候解析度高達300,檔案就會非常大,可以調整為24,同樣不會太影響閱讀。

反正原則就是不要超過1mb。

延伸閱讀:部落格內的免授權圖片要從哪裡找呢?(免費圖庫介紹)

使用圖片壓縮外掛

大多的圖片壓縮外掛,都有提供批量壓縮,就是連你之前上傳過的圖片,他都能幫你一次優化到好,非常佛心。

推薦幾個免費的外掛:reSmush_itRobin image optimizer

兩個用起來都差不多,免費功能就很夠用,他們甚至還提供上傳檔案時就直接幫你壓縮的功能,讓你不需要在先自己壓縮。不過我還是建議自己養成好習慣,圖片都先自行壓縮一遍,畢竟誰知道這外掛會不會養套殺一波,之後就開始收費了。

網站速度優化攻略
介面簡單到不需要我教學

部落客網站速度優化攻略四:使用良好的快取外掛

快速優化技巧:安裝Breeze並啟用

什麼叫做快取?

快取是運算中用來存放資料的高速資料儲存層,是暫時性的存放,在未來存取資料時會比存取資料的主要儲存位置速度更快。

簡單來說:就是先幫你把網頁預存起來,下次在瀏覽的時候,就不用重新去Server撈檔案,直接從快取裡面給你即可。

也就是說,安裝快取外掛,就會讓「重複」進入網站的用戶,讀取速度大提升

先聲明一下,我覺得Wp Rocket是更強大的快取外掛,但因為他需要付費購買,所以我就選擇免費的Breeze來推薦。

另外,如果你使用Cloudways的話,他會自動幫你安裝Breeze,算挺貼心。

網站速度優化攻略
Cloudways自行開發的快取外掛

安裝外掛這麼基本的事情,我就不再講了。

安裝好Breeze之後,其實他就已經幫你做了非常不錯的基本設定,但如果你希望更強勢一點的提速,可以再做一些微調(見下圖),如果調整後網站跑版,或是讀取出現問題,那就代表你的套版可能不能用這麼強勢的選項,那就調整為原設定就好。

網站速度優化攻略
原設定是都沒有打勾的

小結語

就是這樣囉!希望你的網站能因為這幾個小改變而大大提速,除了更換主機比較麻煩,其他三個調整都是幾分鐘之內就能搞定的事情,而且立即見效!

如果你網站有因此提速,歡迎留言分享你的爽給我,我也會很為你開心,如果你有其他提速妙方,也歡迎告訴我,我測試過後再分享給其他人!

掰一

加入早安傑森的訂閱

如果 部落格經營|寫作|不離職創業 是你感興趣的內容,可以加入我的電子報,我會定期寄送很棒的內容給你(加入還會送個小禮物)
— 追蹤早安傑森 —

留言