網站速度優化的8個技巧,讓你的網站像復仇者聯盟的驚奇隊長一樣快!

更新日期:2019年5月9日


Wix推出Wix Turbo服務,和復仇者聯盟中的驚奇隊長電影合作


我們不只是談論設計和內容,網站的速度是最重要成功的因素之一。

緩慢加載的網站會損害您的聲譽和客戶,因為容易失去轉化率。相對地,高績效的網將對您的業務產生正面積極的骨牌效應:它會吸引更多的訪客,從而增加銷售機會,帶來更多的客戶。

除了選擇良好適合的網站構建工具,例如使用Wordpress,你可能需要再另找插件來強化網站效能,使用Wix,就交給官方的龐大工程師們更新及維護。

另外,你需要找到適當的媒體平衡,例如GIF動畫可以為您的頁面添加華麗感,但載入繁重而且消耗大量的網絡頻寬,而文字的加載速度比圖像更快。


“什麼是良好的網站速度?”不好說,但建議平均而言,您的網頁加載時間不超過3秒。這是因為人類的耐性愈來愈低。


簡單來說,加載時間會影響可用性,轉換,用戶參與度和搜索引擎可見性


可用性影響:顯而易見,網站加載速度越快,裡面的功能就越快被使用,例如幫助訪問者導航到商店,與線上客服交談或是找到產品/服務資訊。你的訪客開心,網站回訪率就愈高。


用戶參與影響:當用戶可以更快地完成流程時,他們更有可能與您的網站互動。例如,如果您有一個在線商店,並且結賬過程的每個步驟都需要幾秒鐘的時間來加載,那麼很多潛在買家將完全放棄這一過程是可以理解的。填寫表格或在頁面之間跳轉也是如此。


轉化影響:大多數網站所有者關注的一個具體目標是轉化。Wix內部統計,只要多3秒的頁面速度延遲,您的網站轉換率就會降低7%。


搜索引擎可見性影響:Google在對網站進行排名時會考慮網站速度(稱為搜索引擎優化,搜索引擎優化)。因此,如果您希望自己在特定的關鍵字搜索結果中顯得更高,速度絕對是重點之一。


本文為您提供了有關網站速度優化所需的8個技巧:

  1. 保持清潔,避免過長的主頁

  2. 避免在網站上放置太多媒體

  3. 幫圖片減肥

  4. 盡可能使用文字少用其他設計元素

  5. 減少字型使用的數量

  6. 減少動畫的使用

  7. 留意手機版的開啟速度

  8. 減少第三方的應用程式


1. 保持清潔,避免過長的主頁

太多內容的主頁和媒體(文本,圖像,視頻和動畫)會的負面影響,它需要很長時間才能加載,並且可能會使訪問者錯過頁面上的重要內容,沒有互動就離開。

內容精簡、有組織的主頁將允許您的網站訪問者在他們進入您的網站時輕鬆吸收所呈現的信息 - 幫助他們更快地了解您的主要信息。

如果你的資訊很多,別急著在一頁裡講完,使用多頁式的設計比較合適。

適度的添加按鈕以幫助他們瀏覽時,例如“閱讀更多”或“觀看產品”。


2. 避免在網站上放置太多媒體

某些形式的媒體對網站的速度性能是不利的,因為它們的高頻寬和緩慢的加載時間會影響其他所有內容的性能。例如相簿(Gallery),無論內容大小都會影響您的頁面速度。如果你在首頁上一定要顯示它,請重點精要的呈現。

另外是Youtube和FB的影片,因為它們是外部來源,因此任一網站主機並無法對其優化加快時間,你只能依賴外部的讀取。當然不是叫你不要使用,而是適度的使用。


3. 幫你的圖片減肥

盡可能的使用jpeg,少用png,因為下載速度更快,同時保持幾乎相同的質量水平。除非你需要透明圖像,或者你是專業攝影師,否則JPEG可提供足夠的質量和可用性。

這裡也提供一個幫圖片減肥的工具:https://tinyjpg.com/


4. 盡可能使用文字少用其他設計元素

文字加載的速度比圖像和動畫更快,另一個關鍵原因是SEO(搜索引擎優化),詳細和高質量的文字將有助於Google(和其他搜索引擎)更好地了解你的網站是什麼 - 從而直接提高你排名更高的機會。

而(社群)媒體只有間接的影響,通過改善訪問者的整體體驗,或讓他們在您的頁面上停留更長時間。因此,如果您想選擇最佳形式的內容,以吸引更多訪問者訪問您的網站,那麼文字就是您的選擇。


5. 減少字型使用的數量

您可以考慮將網站上的字體系列數量減少到兩個或三個。這將幫助您為您的品牌描繪一致的風格,並發出清潔和專業的光環。畢竟,對您的網站和業務的第一印像是您無法回頭的持久時刻。然而,正如您所預料的那樣,我們並不是根據我們的設計師朋友所說的建議,這也是縮小網站加載時間的另一種方法。

最後,避免使用太多字體粗細(粗體,下劃線,斜體等)。這些還需要額外的下載,正如您猜測的那樣,您的網站加載速度會增加更多時間。


6. 減少動畫的使用

動畫很吸睛,但用多了看了會膩,而且拖慢加載的速度。

動畫像是文字的飄移和GIF,尤其GIF是必須在播放前完全下載 - 影響你網站的感知性能。

我們認為動畫最好的使用情境之一,就是在主視覺下方第一個折疊的區域,其他的,就適量使用吧!


7. 留意手機版的開啟速度

手機受限於螢幕大小的原生性限制,請確保消除或隱藏不必要的內容,及關閉動畫、特效等。你可以用心於手機的快捷鍵功能,幫助用戶快速找到他們要的目的。



8. 減少第三方的應用程式

什麼是第三方的應用程式?例如像是Instagram Feed。

在技術上來說,使用第三方式的應用程式,就像是在你的網站中,再加載一個小網站,它會增加我們的網站負擔。

謹記一個原則:所有來自於主機原生的程式,一定比第三方的程式,加載的更快。

如果你同時擁有Gallery和Instagram Feed來展示你的照片,我建議你保留Gallery即可,因為它加載的比較快。


如何檢查自已的網站速度:

如果你是Wix的用戶,可以參考最新推出的Wix Turbo:https://www.wix.com/turbo/home

我們在台灣實測的感覺,確實有覺得Wix網站速度有加快的趨向。


你也可以使用PageSpeed Insights:https://developers.google.com/speed/pagespeed/insights/

來實測任何的網站。


如果你有問題,歡迎在網站下方留言。

  • Facebook - White Circle

© 2017 WixTW