象鼻岩

選擇架站軟體的歷史經驗

我從2000年開始學 DreamWeaver 架站(無後台、無資料庫),至今20多年了,中間曾使用過許多不同的CMS (內容管理系統),包含 PhpNuke、Xoops、Joomla、WordPress … ,當時眾多CMS角逐整個架站市場,各有擁護者!

一直到了2012年之後,WordPress 漸漸開始領先其他CMS架站系統,後來差距愈拉愈大,至今WordPress佔據了全球大部份的架站市場約35%以上,但我2015~2018年間其實是使用 Weebly (一個極簡單大方又快速的架站租用平台),仍然沒有大量使用 WordPress 來架設網站!

一直到2019年,我才真正下定決心要使用 WordPress 來大量接案架站。說到這裏,你猜出原因了嗎?

線上開課台平台

我不肯用WordPress架站的主要原因

為什麼中間那段時間一直遲遲未決,主因就是 WordPress 架站的反應速度實在太慢,用過的都知道! 慢到讓我受不了,一開始架站的時候,預設佈景主題與空空的網站內容,在開啟的那一刻都還能接受,但是當網站開始安裝了愈來愈多的外掛… 悲劇就開始了~

什麼? 你問我為什麼要安裝外掛? 因為WordPress如果不安裝外掛,就好像你買了 Windows10卻沒有安裝PowerPoint、Excel、Word。 就好像你買了手機卻沒有下載任何APP ,這樣能了解我的意思吧!

WordPress 安裝後只會有主程式,和一個預設的很醜的佈景主題(外觀範本),功能非常…非常…非常的…陽春~ 雖然也能建立頁面和寫部落格,但是真的很難看…不專業…沒有太多功能可用…

但最大的問題來了,當我安裝了幾個”必裝外掛”之後,例如SEO、專業佈景…(每個人的必裝外掛都會有自己的口袋名單,隨著不同的主機會有不同的外掛),速度就開始慢了下來!

例如全球最多人使用的線上購物系統外掛 WooCommerce,在台灣不裝這個你就很難串接金流,原因下面再說…(註1)

而 WooCommerce 本身就是一套很肥大的外掛軟體,然後再安裝金流公司的外掛軟體,兩者就能串接,達成線上刷卡收款的目的,此時,網站的開啟時間已經從一開始的一秒鐘變成了三~四秒鐘…

接下來,別忘了你的購物車還沒新增商品呢! 當你再新增完10個、20個、上百個…以上的商品之後,速度就更慢了… 然後,當有訪客造訪你的網站之後,發現頁面開啟超龜速,等了五秒後… 然後就離開了…你辛苦架好的網站,訪客看都沒看就關掉了,那所有的努力是在幹什麼? 做辛酸的嗎?

註1:因為台灣政府和 Paypal 金流公司鬧的不愉快,Paypal不肯在台灣落地(成立公司要繳很多稅給台灣政府)在2015年開始,原本台灣Paypal帳號用戶之間彼此都能轉帳與收付款,但被政府禁止了,於是這個好用的金流系統只能用來收台灣以外國家的線上支付… 而台灣也不支援全球最好用的 Stripe金流…最後只能安裝 WooCommerce 來串接台灣的藍新、綠界、紅陽…等第三方金流公司提供的外掛,才解決了台灣人可以在線上刷卡收台灣人的錢…(當時網路行銷界所有專業人士心如刀割,一個好用線上金流就這樣被逐出台灣,搞到現在連定期定額收款都很困難)

為什麼WordPress的開啟速度這麼慢?

WordPress一開始的設計是單純用來寫文章記錄,是個純粹的網路日誌系統,但因為開放原始碼的 WordPress 讓大家可以自由開發 Plugin 外掛軟體來增加功能的方式獲得全球工程師喜愛, 於是全球以WordPress為核心所開發出來的外掛軟體數以萬計,聽說已超過六萬個免費外掛!

前面有舉例WordPress的外掛就如同手機的APP,如果你的手機(尤其是安卓手機)當你APP愈裝愈多的時候,用起來是不是會愈來愈卡,頓頓的。

一樣的道理,WordPress 網站也是,當你外掛安裝愈多,就愈有可能發生不同外掛之間彼此衝突的問題,嚴重的時候網站掛掉,必需刪除某個外掛才能正常運作! 至於該刪掉哪個外掛? 如果你不會看 log 記錄檔,就只好一個一個慢慢試了~ 急死你!

有時候你安裝的外掛並不多(少於10個),但有可能因為某一個外掛的程式寫的不夠好,佔據了太多系統資源,導致網站速度變得很慢,例如不斷的存取資料庫的數據、外掛程式碼太過肥大…等等問題。

另外,商業的佈景主題也可能導致網站速度變慢的元兇,例如 Avada 這類整合型的佈景主題內含了大量其他外掛功能包括WooCommerce的js、css等程式與大量美工元件,聽說後來已經改成可以關閉沒用到的功能,否則一啟用就必需載入許多程式,拖慢整個網站速度! (我不是說它不好,而是看個人需求,如果你的主機夠力,錢花下去就對了! 設計師很喜歡Avada~)

除非你的 WordPress 安裝之後完全不安裝任何外掛,那速度肯定是還不錯,我一開始也這麼天真的認為:反正不要安裝太多外掛就沒事了! 但事實上人的需求總是無法滿於現狀,你不可能永遠都不進步,就算你的網站只是為了寫文章,過一陣子你也會想安裝一些外掛來達成你想要的功能,例如:

  • 文章有多少人來看過?
  • 文章的編輯器能不能增加更多的排版功能?
  • 文章下方能不能增加FB分享按讚的按鈕?
  • 能否增加訂閱電子報的功能?
  • 留言回覆能不能發個EMAIL通知信?
  • 文章能不能安插廣告?
  • 文章能不能分成免費與付費專區?
  • 能不能加入會員功能?
  • 能不能做個線上報名表?

隨著經營的時間愈久,你就會產生愈來愈多的需求,而且文章愈寫愈多,圖片也會愈放愈多,沒有人希望花了錢架一個網站卻只停留在原始功能,然後肯定是愈加愈多功能,網站的開啟速度也愈來愈慢,最後就面臨了網站必需搬家的問題,因為原本使用的虛擬主機已升級到最貴的方案仍然無法解決網速過慢的問題!

然後搬來搬去,只為了找一個更快的主機,然後又再次陷入了比較價格、穩定性、速度、操作難度…等花費了大量時間測試。我想這都是架設 WordPress 從新手變成老司機的必經之路! No pains no gains ~

網站太慢會有什麼影響?

時間就是金錢,Google為了能稱霸全球成為最多人使用的搜尋引擎,不惜把網頁精簡到只有一張圖片,讓大家使用起來簡單方便速度快,讓大家愛不釋手! 如果有一天你發現 Google 網頁變的好慢,你還會想用它嗎?

所以網頁開啟速度就決定了訪客停留的意願,你的網站速度太慢,訪客一來就走掉了,損失了前期辛苦建立網站的時間與人力成本。而這就影響到網站的跳出率,就會間接影響到網站在搜尋結果的排名。

SEO (搜尋引擎優化)目前是以內容導向為主,但是網站速度卻是使用者的觀感實際體驗。事實上,速度慢的網站在搜尋引擎的權重肯定是比較低落,這不是絕對,而是和同業的網站比較,你明顯輸了網站的訪客數量,沒有訪客,何來轉換率呢?

更可怕的是「當你買了付費廣告」的時候,訪客看了廣告點擊造訪你的網站,這每一個點擊都是一筆花費,如果來到網站卻遲遲不見網頁內容就離開,等於是把錢丟到水裏!!!! 所以你還覺得網站比競爭對手慢個三秒沒關係嗎?

為什麼不自己寫網站程式?

有自己開發過PHP的工程師都知道,上傳自己開發的程式,網頁速度都飛快,那為何不直接請人開發網站,不要使用現成的 WordPress ? 原因:

  1. 自己開發的程式碼遠比WordPress的程式還少很多,只要不是寫了不當的語法,速度肯定是比較快
  2. 除非自己會寫程式,否則請人開發的費用請你先要有長期燒錢的打算
  3. 程式不是寫完了就沒事,之後有bug還是要更新,你要確定工程師不會消失找不到人
  4. 請人寫程式之後交接困難,又要請人重寫,除非找到了負責任的工程師,這種人請重金禮聘,記的對他好一點,照三餐膜拜
  5. WordPress的眾多外掛功能可以實現你短時間就能完成的工作,例如「架個購物車」三分鐘搞定,請工程師自行開發,要花三個月或三年

還有更多理由就讓大家自己去想像,畢竟要與「人」合作,尤其是工程師,你就要有一套合作的SOP流程與白紙黑字的合約,能確實掌握你花了重本去開發的軟體可以永久發展下去,而不是被別人綁架了自己。

如果你是FB創辦人,恭喜,他自己就是寫程式的高手! 如果你也很會寫程式的工程師,就能發揮無限創意,實現網頁的各種功能,開創另一個有創意的網站或APP。

改善WordPress網速太慢的方法

先了解一下,網站速度有兩種,一種是人類體感,自己開啟網頁時的感受。另一種就是利用工具來測試,例如下列這三個網站:

你以為用工具來測試就一定比較準嗎? 測試後會產生數據沒錯,但您實測後會發現,數據很漂亮的網頁開啟的速度不一定就是最快的,所以這些數據當成參考就好,畢竟訪客開啟網頁的真實體驗才是最重要的,你跟他說你的網站實測後真的很快也沒用,尤其是你幫客戶架站的時候,客戶就是感覺不夠快,你拿個漂亮的數據讓他看也無法改變的感受,反而造成他對你專業能力的懷疑!

怎麼讓網站變快,要注意以下幾個重點:

  1. 主機效能強:CPU、RAM、SSD硬碟…等,等硬體規格上高於別人
    .
  2. Web Server 與快取:Nginx 、LiteSpeed 近年來都有取代 Apache 的趨勢,軟體若不如人就靠硬體(錢)彌補
    .
  3. 網站圖片解析度:上傳的圖片事先縮圖再上傳,別把相機拍好的檔案直接就傳到網站裏去,解析度太高,若網站只需要1200px寬度的圖片,你傳個5400px的超大解析度幹麻? 一般電腦螢幕也才 1920px寬。
    .
  4. 圖片要壓縮:除了解析度之外,許多人忽略了這個檔案的容量問題,相同解析度的圖片不代表相同容量,直接把圖片上傳到 https://imageresizer.com/https://tinypng.com/ ,壓縮完的照片硬是少了30%以上的容量,卻看不太出來與原本有何不同,不信? 去試試就知道。
    .
  5. 安裝快取外掛:付費的外掛像是 WP Rocket 搭配自架的VPS主機讓網頁速度加快兩秒很有感! 其他免費的外掛我個人是滿無感的,有裝和沒裝感受不明顯。另外要注意的是外掛和主機要配合,例如 Cloudways主機就強調要搭配他們自己開發的 breeze快取外掛,而 LiteSpeed web server 就搭配專屬的 LiteSpeed Cache … 之類的,kinsta 就會叫你不要安裝快取外掛,會和他們原本的衝突!
    .
    快取的功能就是幫你把資料庫的動態存取轉成靜態檔案,例如快取24小時,就是24小時後才會再去資料庫提取一次資料,對於不需經常更新資料的頁面就很適合快取,降低存取資料庫的次數。另外快取外掛還會幫你壓縮一些程式檔案,讓網頁在下載的時候更快…等等。
  6. PHP版本要升級:WordPress 是由 PHP程式語言寫成的,維持最新版肯定是優化過的版本,目前寫文的當下最新是 PHP 7.4 ,版本愈新通常網站效能愈好。
    .
  7. 優化資料庫:WordPress 預設會自動暫存許多資料,例如文章草稿保留很多份、垃圾桶等等,太久不清理會拖累網站效能。可以透過 WP-Optimize 這個外掛來清理。
    .
  8. 安全防護:利用 WHS Hide Login 來禁止駭客用軟體爆力猜測登入密碼,阻斷登入次數。並透過 Akismet 或是 Google Recaptcha 去防止垃圾留言訊息,避免無謂的流量浪費。
    .
  9. 設定CDN 服務:CDN的全名是內容傳遞網路,假設今天主機在美國,而日本當地的人要瀏覽網頁,就會找尋日本當地的主機,提供網站快取的資料,不需連到美國,網頁資料會事先暫存在日本的主機。前題是該CDN公司在日本必需有主機。我自己在用的CDN是免費的 Cloudflare 搭配我在日本東京的VPS主機。所以美國人要看我的網站並不需連線到我東京的VPS主機,而是連到美國的CDN主機即可看到快取的網頁資料。而我的網站網址就必需把DNS指向 Cloudflare ,它才會幫我快取網頁資料放在世界各地的CDN主機。

猜猜看你現在正在閱讀的這一篇文章是放在哪裏的主機?

我也測過很多不同的主機,現在這個網站是放在 GCP (Google cloud platform 雲平台),而且是台灣彰化的Google 機房,所以速度應該是比我 www.infobox.com.tw (放東京的VPS)還快一點點吧? 不過價格真的不便宜! 平均一年也要15000元左右(我的用量)

如果你也開始遇到網速過慢的問題,我們有提供幫客戶代管 WordPress 的服務,協助您讓網站正常運作與故障排除的服務。

  • 東京的VPS主機 網站容量5G以內一個網站 12000元/年
  • 台灣的GCP主機網站容量5G以內一個網站 15000元/年

為什麼Google主機這麼貴又這麼快:

因為他們是雲平台,也就是由一堆主機架構成分散式的服務,例如資料庫放在A群主機,網站內容放在B群主機,Load balance 負載平衡器,cluster 主機架構…等等,一堆自動化分佈的功能效能所組成,所以當你要擴增主機效能,例如CPU,RAM,容量,都不必像自架主機要拆電腦、換CPU、RAM,硬碟…,直接在雲端按一些按鈕就能升級完成,再加上台灣有 Google機房,流量不需繞到海外去,所以如果你受夠了 WP 開個頁面要三、四秒(正常),想要秒開的話,選 GOOGLE 主機吧!

發表迴響