Jacky常看到很多人在架設網站的時候,都想盡辦法做得很精美、用大量圖片或影片,試圖呈現很好的視覺效果;也有人很用心在做內容,寫了幾千幾萬字只為了博得網路使用者和搜尋引擎的芳心。
其實大家都忽略了很重要的一點:網站做得精美、有豐富的內容是必要,可是千萬不能忘記網站速度的表現啊!
根據Google的研究統計,當使用者點開一個感興趣的網頁,他們都希望點了就能立即瀏覽。假如慢了1-3秒,有32%左右的人會等不及所以就跳出;假如慢了5秒甚至更久都沒有跑出內容,那麼放棄繼續等待的人會增加到90%;更不用說如果是用手機點開網頁卻是難用的電腦網頁版,不論你我看了應該都會不想使用。
因此今天Jacky想跟大家聊聊網站速度優化的重要性、方法,還有為什麼做網站要重視RWD(響應式網頁),行動優先網站為什麼這麼重要,看完之後就趕快去檢查和優化你的網站速度吧!
網站速度是什麼意思?
網站速度指的就是使用者從找到你的網頁、點開,到他們看到第一個出現/第一個可以互動的內容為止。不過網站速度對每個人來說,衡量的標準可能都有不同。有些人可能覺得網頁內容確實是感興趣且有需要,所以即使跑得再久也願意等;但有些人個性很急,或急需查看網頁裡頭的內容,當網站只是慢個三四秒,他們也等不下去就去開下一個網頁;也有些人可能覺得網頁先跳出一部分內容可以看就好,沒有必要一次全部跑完。
當然衡量網站速度的標準並不是只看使用者,Google建議使用者能開始跟網頁互動的平均時間不能超過3秒,這是有統計過的(開頭Jacky也有提到),尤其是行動裝置(手機、平板)更重視速度。
網站速度會如何影響你的網站?
前面講了這麼一大堆,你可能知道了Google很在意網頁速度這件事,但具體是為什麼?網站真的非要達到這個標準不可嗎?老實說,網站速度真的很重要,起碼它會影響到下面這些事情:
1. 搜尋結果排名
你很在意網站SEO嗎?那麼你得知道SEO不是只有一直寫文章充實內容就會有排名,網站速度也是影響的一大關鍵,而且Google早在2010年就已經發過官方聲明承認這件事。換個角度想,如果你自己是使用者,當看標題覺得某個網頁的內容好像寫得很不錯,結果點開後等了五六秒都沒反應,你還會想繼續看嗎?還是覺得反正還有其他相似的內容,沒有一定非它不可?
2. 爬蟲讀取速度(GOOGLE搜尋內容程式)
當網站速度很慢,爬蟲來到你家時卻爬不動,資料也就帶不回去,他們就會判定網站健康度很差,SEO分數自然也不會高,最後還是影響到你最在意的SEO。
3. 使用者體驗不佳、轉換率差
上面兩點說的比較針對網站技術面,不過從網站使用者的角度來看一樣會產生不好的觀感。就像開頭提到等了5秒都沒跑出東西,九成以上的使用者都會離開。請不要覺得不看拉倒,要知道如果網站沒人看等於沒有流量;沒有流量就沒有金流量,不管你是希望用廣告賺取外快,還是本來就是經營電商網站或品牌形象網站,方方面面表現都會達不到預期。
假如你處於修改網站很多功能、內容卻總是達不到KPI成效,那麼你可能要回頭檢視一下自己的網站速度,是不是慢到連自己都不想用?
如何知道網頁速度是多少?
那麼該怎麼知道自己網頁速度有多快?最簡單陽春的方法就是自己輸入網址然後數幾秒能看到網站內容,不過這只能表示多數使用者可以看到網頁的時間,但並不是搜尋引擎判斷的時間。
所以如果你想要更準確估算網頁速度,建議你可以使用Google PageSpeed Insights,畢竟是Google自家開發的網頁,有它一定的準確性。
使用方法也很簡單,你只需要輸入網址,它就會開始幫你進行評分。評分結果分成良好、待改善及不佳,你可以依照建議修改有缺失的部分。此外,Google PageSpeed Insights也貼心的把分數分成電腦版跟行動裝置兩種,建議兩邊都要同時修正,才能真正幫助SEO喔!
怎麼提高網站速度?
當你看了Google PageSpeed Insights的建議後,要怎麼樣調整修改,才能提高網站速度分數呢?
下面是很多專家跟工程師的建議,可以參考看看:
1. 行動優先
什麼是行動優先網站?也就是重視行動裝置體驗的網站。從前面看到這裡,相信你也發現Jacky一直強調手機版比電腦版還重要,不過這不是我說的,而是Google聲明中提到他們很重視的因素。其實不難想像為什麼重視手機平板上的體驗,因為現在使用智慧型手機的人比用電腦的人還多,當你想查什麼資訊,手機打開就可以上網查詢。可是手機螢幕畢竟小小一個,如果把電腦版畫面搬進手機,相信你一定可以想像它的難用程度。
所以PageSpeed Insights才會單獨把行動裝置拉出來評分,告訴網站開發人員有哪裡需要修正的更好,跟SEO也有非常大的關聯。
2. 圖片優化
另外Jacky強烈建議要注意的是圖片跟影片優化,因為這兩種格式的檔案非常大,會直接影響網頁加載速度。
像是圖片建議選擇JPG或WebP格式的檔案取代png,容量也盡量不要超過300KB,如果超過可以用TinyPNG等圖片壓縮工具縮小檔案。
3. 快取功能
如果網站多數文字圖片不會頻繁需要更新的話,可以適當使用快取功能讓網站預先存取,之後使用者第二次、第三次點開網站的時候速度就會變快很多。
4. 讓網頁先載入部分內容
這是一種還不錯的「抱佛腳」方式,也就是使用者點開網站後可以先看到一部分內容或上半部內容先跑出來,像是檔案比較小的文字等,圖片影片那些則可以稍微慢點出來。
總結
網站速度優化是Jacky覺得管理網站時很需要不斷去注意的地方,幾乎可以說跟內容同等重要吧,處理好速度不僅可以讓使用者更喜歡用你的網站,SEO排名也可以更好,一舉多得!