CTK pro

關於 CTK PRO:於2011年夏天展開了偉大的航程,初期以開發手機APP為主,2013年開始跨入Web開發,2015年開始用UCD(User-Centered Design)方法協助客戶釐清需求, 2016年大量採用AWS架構, 並導入策略UX產品為客戶在軟體開發各環節破關!

back to top

為什麼你要在意網頁速度?

現代人一生的 1/3,你要他等你的網頁讀取好?

2018 年初調查指出,現代人每日使用手機上網時間已超過兩個小時,根據遠見研究調查,更高達一半的 26-30 族群,每日上網時間高達 8-12 小時,比應達到 8 小時的睡眠時間還要多!

先不論背後的網路成癮風險,或是年輕人該如何減少手機、網路的使用時間,若你身為一個企業主,或者想從這族群獲取利益,如何在手機網路裡,佔據他們的時間,挖得先機,就是開創另一個有潛力的商業模式。

Google 在 2017 做過一份調查報告,他們使用類神經網路來模擬人類瀏覽網頁的跳出率(據他們所說,正確性高達 90%),網頁讀取速度在一秒到三秒間,跳出率增加 32%,當讀取速度來到一秒到五秒時,跳出率增加到 90%,更別提更多秒數之後的結果。Google 在報告中也給出一個簡單有力的結論:

No matter what, faster is better and less is more.
(無論如何,越快越好,少即為多。)

什麼網站更需要在意讀取速度?

用幾個大家可能都碰過的情境舉例:

搶演唱會、高鐵票、特價商品時,即便網路一直停在 Loading ,或許我們也會懷抱著希望等,等,等下去(重新整理給他按下去……)

用手機查詢今晚電影的開演時間、查詢明天你要幫朋友生日聚餐定位的電話,就算載個五秒、十秒,你一樣會等(只等太久,還是會很不爽)。

不知道想買什麼,卻心血來潮逛逛拍賣網站時,某個商品莫名其妙地,讀取時間超過了五秒。

滑手機新聞時,這個連結點進去,過了三秒,怎麼還沒有反應?

唉呀,不小心點到某個廣告(好啦,或許真的有一點點興趣),但是一兩秒過去,卻還沒跳到那個商品頁,好吧,看似無緣啦~

看了以上五個情境,不難發現,使用者自主程度越高,或涉入度越高時,網路讀取的速度影響跳出的程度勢必較不顯著。換句話說,當人們的意圖(Attention)越明確時,就越有耐心等待來獲取他們想要的東西,這在許多傳播理論裡,可以找到許多理論依據,這裡就不詳提。

回到問題:「什麼網站,最需要提昇網路速度?

當你網頁內容是廣告著陸頁;當你提供的服務,需求和急迫性不是那麼強烈時;當人們在瀏覽你的網站,他們涉入、參與度都不高時;手機版瀏覽使用者,比例遠大過桌機者。

以上這些情境,若讀取時間過長,或網站健康度不佳時,本來就已經佔據不了人們專注度多少的訊息內容,會變得更留不住使用者,更別提什麼轉換率之類的成效了。

用 Google Pagespeed insights 健檢你的網頁

影響網頁讀取速度的因素相當多,最基本又免費的工具可以參考 Google Pagespeed insights 來檢查,由於內容繁多,未來將會撰文介紹,這邊列出幾個重點大項讓大家有個底。( Pagespeed 近期改版,主要針對手機瀏覽速度做一個限制,更能模擬使用者用手機瀏覽網頁的體驗)

網站大小、圖片優化:為什麼把圖片大小優化放到這個項目裡?隨著手機照相的像素不斷提昇(沒錯,很多客戶想要上圖片是從手機裡來的!),沒有好好裁切、壓縮,甚至使用最新的格式等(像JEPG2000),絕對是網站肥大、讀取速度緩慢最常見的原因之一。
先檢視網站內所有圖片,是不是還有壓縮的空間,也導入 lazy loading ,讓不會馬上看到的圖片慢慢讀取吧!

主機伺服器選擇:有時候客戶花了大把金錢,設計了一個程式優雅的網站,卻想省主機費用,使得主機頻寬,主機等級、位置、回應時間,變成拖垮網頁讀取的主因。

別用過多的 Javascript:揮別 flash 之後,想要達到華麗的動態效果,Javascript 是不可避免的一環,但是分秒必爭的讀取速度,會因為過多的 JS 而拖慢,不僅網頁提交請求次數過高,還需要將網頁下載到使用者的主機在演算才有辦法看到,更嚴重的是,對搜尋引擎來說,看不太懂 JS 的內容。

七月更新 Google Speed 之後,主要以 Lighthouse 架構幫使用者網站檢測,因為加上了手機網素的限制,能達到高分又是另外一個挑戰!

網站速度僅是其中一環

一般來說,針對舊版 Google Pagespeed 有達到 80 分左右即可,對於大部分的使用者都是可以等待的速度。不管是建好一個網站也好,網頁速度提昇再多也好(即便是達到 Google Pagespeed 100 分,也不一定就是完美),好的網路行銷(或電子商務),絕對不僅限於網站、SEO、Google AD、粉絲團等等,一定要有互相配合的策略,相輔相成。

例如網站建置好,卻沒有做足導流,或是線下線上的配合,即便讀取速度快,也乏人問津;廣告投放金額不少,曝光、點擊也都不錯,但因為網站或是著陸頁面程式碼紊亂,或是整體 UI 流程設計不良,導致跳出率高,人們在你的網頁不互動;網頁做好了,卻沒有計劃性的在社群曝光,持續更新內容,提昇搜尋排名,自然流量(搜尋流量)就不會有起色。

架構,策略都建立好了,剩下的差異當然在網頁內的文案,唯有有價值的內容,才留的住使用者,但那又是一篇長長的故事了。

延伸閱讀

Aron Lai

數位行銷工具應用者。從企劃、文案、社群、網路行銷工具無所不包。 希望大腦可以和網路資料庫連結,緩解資訊焦慮症狀。

Follow: