首頁 » 新·SEO » 技術 » 4個網站速度優化小技巧,有效提升你的網站速度

4個網站速度優化小技巧,有效提升你的網站速度

產出了良好的內容,也優化了網站,卻一直無法提升網站排名嗎?優良的網站速度,可能就是為你的網站帶來流量的關鍵。

在 2018年,Google公告,除了電腦,在行動裝置上,網站速度也成為了搜尋排名的要素之一。

網站速度除了是排名要素以外,更與使用者體驗有很大的關係。根據研究顯示,倘若網站載入時間超過五秒,網站跳出率竟高達90%,明顯地,網站速度會直接地影響使用者瀏覽頁面的意願。

Google公告網站速度成為行動裝置排名要素

▲Google公告網站速度成為行動裝置排名要素

現在我們知道網站速度的重要性了,接下來,一起來看看提升網站速度的四個小技巧吧。

 

一、圖片優化

檔案過於龐大的圖片或影片會導致網站載入速度變慢,因此,選擇正確的圖片檔案格式十分重要。

圖片檔案盡量選擇 JPG檔和 WebP檔,而由於 PNG檔的大小比 JPG、WebP大許多,PNG檔建議只在必要情況使用。

此外,超過 300KB的圖片,可以使用 PhotoShop或 TinyPNG等工具進行壓縮,如此一來,便能省下許多空間。

圖片壓縮工具 TinyPNG

▲圖片壓縮工具 TinyPNG

 

二、減少網站要求

網站呈現和運作所需的每個檔案(如 HTML,CSS,JavaScript,圖片和字體等)都需要單獨的網站要求,而發出的要求越多,網站的載入速度就會越慢。一個網站通常會需要加載多個 CSS和 HTML檔案,倘若再加上插件的 CSS和 HTML,會造成網站要求數量繁多,網站速度緩慢。

因此,建議先載入重要的內嵌 JavaScript/ CSS,延後載入不重要的 JavaScript/樣式,並將多個 JavaScript或 CSS合併。此外,在網站歷年不斷的改版後,可能會出現沒有用到的 CSS,可以移除未使用的 CSS,來減少網站開啟 CSS 樣式表的數量,使網站載入速度變快。

 

三、運用快取功能

網站上部分用到的圖檔或音檔並不會經常更新,因此,我們可以使用瀏覽器快取的機制,讓使用者在第二次、第三次存取網站時,不用重新下載靜態的資產,來加快頁面載入的速度。

 

四、確保瀏覽器能夠優先載入網站上半部畫面

確保網站程式碼的編寫會優先載入網站上半部,也就是無需滾動卷軸就能看到的畫面,如此一來,便不會拖延使用者瀏覽的時間。

多數的使用者在瀏覽網站時,都會停留在網站的上半部,因此,優先載入網站的上半部,能夠相對加快網站速度,更能增加使用者的停留意願。我們可以使用延遲載入(Lazy Loading)來延遲載入畫面外的文字與圖片,延後載入要求到真正需要時再載入。

無需滾動就能看到的畫面示意圖

▲無需滾動就能看到的畫面示意圖

總結:

  1. 圖片優化
  2. 減少網站要求
  3. 運用快取功能
  4. 確保瀏覽器能夠優先載入網站上半部畫面

看了以上四個網站速度優化的小技巧,是不是對網站速度優化的方法更有概念了呢? 快來跟著我們一起打造使用者體驗絕佳的網站吧!

Credit: Cover Photo by Jenny Hill on Unsplash

立即預約我們的專業顧問