會影響網站執行速度的原因有很多,除了使用者本身所處的環境可能導致訊號不佳、wifi 訊號較弱等因素影響,網站主機的硬體規格(CPU、RAM、硬碟執行的效能)、網站主機的網路頻寬及網頁設計的品質不良等等,都有可能會造成網站速度變慢。
因為網頁設計不良造成網頁開啟或執行速度慢的話,可以從以下原因檢查:
網頁的圖片太大張
一般於網頁中使用的圖片,一定要先經過壓縮後才放上去,否則一定會影響網頁開啟速度,甚至會影響網站於搜尋引擎中的排名。一般圖片大小盡量不要超過300k,在相同畫質下,檔案大小越小越佳。此外,如果同一個頁面中,放置太多張的圖片也將造成開啟速度變慢,一般建議一個網頁中的圖片總計檔案大小勿超過1mb,如果非得要放置很多張的圖片,可以拆成數個網頁來放置圖片。
JavaScript、CSS、HTML檔案過多
網頁上的每一隻 Javascript、CSS、圖片都會讓使用者需要跟伺服器多發出一次請求,假設你有20隻 CSS,瀏覽器就必須跟伺服器互動20次才能拿到全部的檔案,這會大大的影響網站速度。有些網頁工程團隊因為分工的關係,很容易會產生太多隻 CSS/Javascript ,所以必須盡可能地將 CSS/Javascript 合併,控制在合理的數量以內。並且通過優化程式碼(包括刪除空格,逗號和其他不必要的字符),可以顯著提高頁面速度,同時刪除程式碼解釋和未使用的程式碼。
使用其它影音元素
如果網站(尤其首頁)有放置「影片」的話,請注意不要讓影片自動播放,最好等該網頁全部開啟完成後,再讓瀏覽者自行點選播放,如此便可將網頁執行的頻寬分階段執行,就不會讓使用者感覺到網頁速度慢了。另外網頁在播放影音檔時,會很耗頻寬資源,因此,最好將影片或音樂放置於YouTube等串流平台上,然後利用影音嵌入的方式,如此一來,於播放影片或音樂時,就不會用到您網站的頻寬。
網站程式設計
程式設計不良的網頁,除了可能造成網頁出錯之外,還有可能出現畫面雖然沒有問題,但卻會造成資源負擔而影響執行速度的情況(例如多餘的迴圈、session 資源滿載、從資料庫載入過多用不到的資料…等)。
改善伺服器反應時間
有許多因素可能造成影響,網站的流量、每個頁面所使用的資源、伺服器所使用的軟體或是所使用的伺服器等。為了改善伺服器反應時間,必需知道問題在哪裡,如資料庫查詢速度較慢、網頁流量速度慢或缺少足夠的記憶體並將對其進行改善,好的伺服器反應時間應該低於200ms。
也可以利用線上網站速度檢查網頁速度,例如 Google 的 PageSpeed Insights,可以幫你更了解自己的網站。
延伸閱讀:3個實用線上圖片壓縮工具