BLOG

客人說「你的網站載入速度慢」,先認出慢在哪一種,別急著整站重做

客人說「你的網站載入速度慢」,先認出慢在哪一種,別急著整站重做

客人傳來一句「你們網站我在手機上打開要轉半天」。你自己挑尖峰時段點進去試,首頁那張大圖果然跑了好幾秒才出來。你有點慌,隨手找了一個線上測速工具跑一次,分數出來很低,紅紅的一片。那一刻腦袋裡最先冒出來的念頭,往往是「是不是整個網站該重做了」。

先把那個念頭按住。網站載入速度慢是一個你感覺得到、客人也講得出來的具體狀況,但測速分數低這件事,只告訴你「慢」,不告訴你「慢在哪」。分數是好幾種原因加起來的結果,你從那個數字完全看不出該先動哪裡。急著做網站改版,很可能把一個只要換張圖或換個主機就能解的問題,花了整站重做的錢——而且重做完,如果原本的慢是卡在某個沒被認出來的地方,它照樣會慢。

這篇不教你讀測速報告裡每一條專業術語,那是給工程師看的。它要幫你做的是更前面一件事:用幾個你自己就能做的動作,認出這次的慢大概是哪一種來源。認出來源,你才知道接下來要找誰、該花多少錢。

分數低不是答案,它只告訴你「慢」不告訴你「慢在哪」

把測速分數想成體溫計。它能告訴你發燒了,不能告訴你是感冒還是別的。你不會一量到發燒就決定動手術,但很多人一看到網站速度的分數低,就直接跳到「整站重做」這個最大的動作。

網站載入速度慢,底下通常是幾種完全不同的來源,各自的症狀不一樣、要找的人也不一樣。有的是首頁塞了太重的圖;有的是主機撐不住、或程式寫得沒效率,拖累的是每一頁;有的是某一頁單獨裝了外部服務,只有那頁慢。這三種,一種是換圖、一種是換主機或看程式、一種是處理那個外掛——花的錢和動的範圍差很遠。

所以在找人之前,先花十分鐘自己分辨。接下來三節,各是一種你靠觀察就能初步認出來的來源,每一種都附一個你自己做得到的動作。做完,你心裡大概就有數這次是哪一類,報價單你也才看得懂。

客人說「你的網站載入速度慢」,先認出慢在哪一種,別急著整站重做

第一種:首頁一進去就卡,多半是圖片太重

最常見、也最好認的一種,是慢集中在首頁、尤其是首頁最上面那張大圖與一整排照片。你一點進首頁要等很久,但真的等到它跑出來、再往內頁點,反而就順了——這種「第一眼最慢」的狀況,問題多半不在主機,在首頁塞了太多、太大的圖。

一張沒有壓縮過的照片,動輒好幾 MB。首頁一口氣放五六張,手機用行動網路開,就是你看到的那個轉半天。你可以自己做一個簡單的對照:用手機關掉 Wi-Fi、改用行動網路,分別開一次首頁和一個內頁,感覺一下是不是首頁特別慢、內頁相對快。如果是,這一格幾乎就可以往「圖片」記。

這一種的好消息是,它跟整個網站的底子沒關係,通常不必動到網站改版。要做的是把首頁那幾張圖重新處理:壓到合適的大小、換成現在通用的格式、該延後載入的讓它晚一點再出來。這件事比較接近內容與圖片的整理,動的是表層,不是把網站打掉重練。你要問的人,是能處理網站內容與圖片的那一端,不是急著把整站重做的那一端。

第二種:每一頁都慢,問題通常在主機或程式

另一種狀況不一樣:不是只有首頁,而是你點到哪一頁都慢,連一頁只有幾行字的頁面也要等。這種「全站均勻地慢」,往下找多半是兩個地方——放這個網站的主機太弱,或是網站的程式本身寫得沒效率,每開一頁都要跑一堆不必要的東西。

自測的方法,就是接著上一段做:你已經比過首頁和內頁,如果連最單純、沒什麼圖的那一頁都一樣慢,那就不是圖片的問題了,往主機或程式這邊想。主機就像店面的地段和坪數,你用的是最便宜的共用方案、同一台機器上還擠著幾百個別人的網站,尖峰時段大家一起用,你的網站就被拖慢。

這一種要處理的,不是重做網站,多半是換一個等級合適的主機,或請懂的人看一下程式哪裡拖。換主機通常是幾個設定的事,比整站重做小得多;程式的部分,就要找當初做這個網站、或接得住它的技術端來看。這一格你要分清楚一件事:全站慢指向的是「跑這個網站的環境」,而不是「網站長什麼樣子」,所以它很少需要動到你看得到的那些版面與內容。

客人說「你的網站載入速度慢」,先認出慢在哪一種,別急著整站重做

第三種:只有某幾頁慢,往那頁的外掛與外部服務找

還有一種最容易被漏掉:整個網站都順,偏偏某一兩頁特別慢。常見的是那種掛了線上預約、地圖、即時客服、影片、第三方留言或各種追蹤碼的頁面——這些外掛和外部服務,等於在那一頁上請了好幾個外面的幫手,每一個都要連到別人的伺服器拿東西回來,只要其中一個反應慢,你那一頁就被它拖著一起慢。

自測也單純:把你覺得慢的那幾頁和其他正常的頁面對照,找出「只有這頁慢」的規律,再回想一下這幾頁是不是都裝了什麼別的頁面沒有的功能。很多時候答案就是某個當初覺得「有比較好」、裝了之後忘記的服務。

這一種的處理,通常不必換主機、也不必重做,是去盤點那一頁到底掛了哪些東西,把用不到的關掉、把拖最慢的那個換成輕一點的做法。這件事會動到網站後台裡那一頁的設定,範圍很小。要提醒的是,外掛裝得愈隨意、網站愈容易在你沒注意的時候慢下來,所以處理完這一次,順手把「這頁到底需不需要這個功能」也想一遍,比裝了再拆划算。

分辨出來源,才知道這是小修、換主機、還是真的該改版

回到你最開始那個念頭——要不要整站重做。走完上面三個自測,你會發現多數的網站載入速度慢,落在前面那幾種:換幾張圖、換個主機、關掉一個外掛,都不是重做等級的工程,花的錢和時間差很遠。

那什麼時候才真的輪到網站改版?當你把三種來源都排查過,圖也壓了、主機也換了、外掛也清了,它還是慢;或者每次想動一個小地方都要大費周章,程式糾在一起誰來看都說「這套底子太舊、建議重做」——這時候慢只是表面,底下是這個網站的網站設計建置本身已經追不上你現在要它做的事。那才是重做會划算的時機,而且你是帶著「前面幾種都試過了」的判斷去做,不是被一個分數嚇著做。

先量出是哪一種,再決定花錢的方向,你就不會把小修的問題當成重做來處理,也不會把真的該重做的拖成每個月都在貼人力去接。如果你分完還是不確定自己落在哪一格、或是想有人陪你一起把這幾格盤一次,可以來意思創意的網站設計建置服務頁留個訊息,從「你的慢卡在哪」開始聊,而不是從「要不要重做」開始。

有想做的事,聊聊看

不管是全新的品牌、想改的網站,還是還沒想清楚的念頭,都可以先問。