【網站速度】網頁開啟速度的重要性｜天矽科技客製化網頁設計

為什麼網站開啟速度會慢

　網站開啟速度慢的原因很多，除了網站結構、站內外掛或主機問題之外，也有可能是因為圖片檔案、動畫或影片的檔案太大造成的，這些都有可能造成網站的開啟速度不佳或檢測之報告有出現需改善之項目的問題。

　這部分除了網站設計公司處理網站的基本問題之外，也需要客戶一同配合，如上傳圖片檔案時先將圖檔壓縮，或是不要將影片直接放到網站裡面，改為將影片上傳到第三方影音平台，再透過嵌入的方式將影音加入網站….等。

　另外還是要提醒，除非網站是做到非常簡約、只有純圖片與文字且沒有任何酷酷的效果，否則檢測報告中多少還是會出現一些需改善之項目，若有特別的要求可以再與網頁設計公司討論如何進行優化及改善這些檢測出的項目問題。

目錄：
➤ 圖片檔案太大
➤ 影音動畫問題
➤ 外掛程式太多
➤ 第三方程式碼
➤ 網站結構與不必要的程式碼
➤ 主機問題

圖片檔案太大

　圖片的檔案大小，是影響網站速度最為常見的原因之一。

　有許多的網站擁有後端管理系統，可由網站管理者直接在後台上架圖片，讓畫面能夠圖文並茂，但很多人都不習慣將圖片進行壓縮與裁切，都會直接把檔案很大的原圖直接放上去，如此一來，當使用者在檢視該文章時，光是要開啟這圖片就會耗掉很多的開啟時間。

　因此在上傳圖片時，建議先將檔案進行裁切或壓縮再上傳，像我們天矽科技製作的網站後台，當圖片檔案大小過大時，系統就會自動擋下、限制檔案大小才可上傳，避免造成網站開啟速度的問題。

　如果不會用繪圖軟體將圖片壓縮，也可以用線上的免費圖片壓縮網站將圖片檔案大小壓縮，免費版本最多一次可以壓縮20張圖片，這堆一般網站來說已經很夠用了。另外也要提醒，雖然圖片壓縮可以降低開啟速度，但也盡量避免在畫面中加入過多的圖片，當圖片過多，也有可能造成網站開啟速度的問題。

• Optimizilla
• TinyPng

影音動畫問題

　有些網站中，會希望加入影音動畫來提升網站的互動性及動態性，但網站中若有太多的動畫或影片，也同樣容易造成網站開啟速度變慢的問題。

　有些網頁設計公司或企業，會喜歡在網站中加入動畫效果來提升網站的酷炫程度，但是一旦動畫效果過多，使用者也許等不到動畫跑完就因為開啟速度太慢而進不了網站，最後放棄繼續閱讀、前往其他網站，所以動態效果雖然能夠大幅提升網站的特色與吸睛程度，但還是要盡量避免加入過多的動畫效果。

　另外在影片的部分，我們也會建議網站企業將影片上傳到第三方的影音平台，再透過嵌入的方式加入至網站，不要直接把影片上傳到自家網站，以避免網站的開啟與載入速度過慢問題。

外掛程式太多

　外掛程式太多是使用 WordPress 架站的網站經常會遇到的問題，由於 WordPress 本身只提供簡單的功能，像是基本的文字修改、文章撰寫發布及留言…等，若網站有需要會員登入、電子報或購物車…等功能，就需要透過外掛程式來完成，當網站外掛程式過多時，就會影響網站的瀏覽及開啟速度。

　光是這些外掛程式會讓網站的體積龐大且占據容量了，更不用說接下來要新增的圖文消息與資訊內容了，另外也有管理者反映，在資料方面若使用不同的表格樣式堆疊，也同樣會造成瀏覽速度變得緩慢。

延伸閱讀：
多種功能的網站用WordPress好嗎？ 9個不建議使用的原因

第三方程式碼

　有很多網站都會在網站原始碼中嵌入第三方程式碼來追蹤數據或其他作用，比如GA code、GTM或FB的像素追蹤碼…等，都屬於第三方程式碼。

　這些第三方的程式碼也同樣會影響網站的開啟速度，因為網站在開啟的時候會先去呼叫這些第三方程式，所以如果有沒有在使用或非必要時，則盡量不要加入或移除。

網站結構與不必要的程式碼

　網站結構是影響網站開啟速度重要的原因之一，有些網頁設計工程人員在使用軟體進行切版時，會容易產生一些多餘的HTML碼，若不加以修改就會造成網站結構不佳的狀況發生，進而導致網站開啟速度變慢，所以優化程式碼也是非常重要的一環。

　什麼是多餘的HTML碼？以編輯器舉例，當我們從Word直接複製文字貼到編輯器裡面時，原始碼就會出現一些不必要的碼，讓結構變得複雜且冗長、贅述。

▲上框為直接複製貼上、下框則不是

主機問題

　主機就是放網站的地方、網站的家，所以如果主機的效能太差就會影響網站的開啟與載入速度，比如主機的CPU處理速度、記憶體大小、流量、系統…等，都會造成影響，尤其是購物類型的電商平台，在這部分更需要多加留意以避免活動開跑湧入人潮時，卻只因為主機問題而讓網站開啟速度變慢、提高跳出率。

　如果是國際型的網站，也許你可以試試看CDN服務，增加節點、提升網站速度。