網站速度優化如何影響轉化
緩慢的速度確實會扼殺轉化。實際上有47%的消費者希望網站在兩秒鐘或更短的時間內加載完畢, 而40%的消費者會放棄耗時三秒或更長時間的頁面。
這意味著如果您的網站加載時間超過三秒鐘,那么您將失去幾乎一半的訪問者,甚至無法訪問他們。
僅此一項就對您潛在的轉化帶來了巨大的打擊。然而對于決定留下來的訪問者,緩慢的加載時間可以阻止他們將來返回。在一項調查中,有79%的客戶表示他們不會返回效果不佳的網站。
最好的例子之一是沃爾瑪提高網站速度后的轉化率和收入提高。在最初的分析中,他們發現轉換的訪問者收到的頁面加載速度是未轉換的訪問者的兩倍。這表明頁面越快,訪問者進行購物的可能性就越大。
在網站速度優化結束時,沃爾瑪報告了以下結果:
網站速度每提高一秒鐘,轉化率就會提高2%。每提高100毫秒,他們的增量收入就增加了1%。在另一項研究中,加載時間與轉化率之間的關系表明 ,加載時間僅增加一秒鐘,轉化率就會降低25%。那我們來看看如何提升網站的打開速度?
最小化HTTP請求根據Yahoo的說法,網頁加載時間的80% 用于下載網頁的不同部分,例如圖像,樣式表和腳本。
這些元素中的每個元素都會發出HTTP請求,因此頁面上的組件越多,頁面呈現所花費的時間就越長。
最小化您的請求的第一步是弄清楚您的站點當前有多少,以用作基準。如果您使用的是Google Chrome瀏覽器,則可以使用瀏覽器的開發人員工具查看您的網站發出了多少個HTTP請求。
右鍵單擊要分析的頁面,然后單擊“檢查”,然后單擊“網絡”選項卡。(如果看不到“網絡”標簽,則可能需要通過將左側邊框拖動到左側來展開“開發人員工具”側邊欄。)
“名稱”列顯示頁面上的所有文件,“大小”列顯示每個文件的大小,“時間”列顯示加載每個文件需要多長時間。
在左下角,您還將看到該網站發出的請求總數。減少此請求數量將加快您的網站速度,瀏覽文件并查看是否有必要。
縮小并合并文件現在您已經知道您的網站發出了多少請求,接下來就可以減少該請求。最好的入門指南是HTML,CSS和JavaScript文件。
這些是非常重要的文件,因為它們決定了網站的外觀。它們還會增加您的網站在用戶每次訪問時所發出的請求數量。您可以通過“縮小”并合并文件來減少此數量。這樣可以減少每個文件的大小以及文件的總數。
如果您使用模板化的網站構建器,這尤其重要。這些使構建網站變得容易,但有時會創建混亂的代碼,從而大大降低您的網站速度。
縮小文件涉及刪除不必要的格式,空格和代碼。由于每段不必要的代碼都會增加頁面的大小,因此消除多余的空格,換行和縮進非常重要。這樣可以確保您的頁面盡可能的簡潔。
組合文件確實是聽起來很容易解決的問題。如果您的站點運行多個CSS和JavaScript文件,就可以將它們組合為一個文件。
當涉及到您的網站時,精益求精是更好的選擇。頁面上的元素越少,瀏覽器使頁面呈現所需的HTTP請求就越少-加載速度就越快。
對CSS和JavaScript文件使用異步加載縮小并合并了一些文件后,您還可以優化它們在頁面上的加載方式。
可以通過兩種不同的方式加載CSS和JavaScript之類的腳本:同步或異步加載。
如果您的腳本是同步加載的,則它們會按照在頁面上顯示的順序一次加載一個。另一方面,如果腳本是異步加載的,則其中一些腳本將同時加載。
異步加載文件可以加快頁面的速度,因為當瀏覽器加載頁面時,頁面從上到下移動。
如果到達非異步的CSS或JavaScript文件,它將停止加載,直到完全加載該特定文件為止。如果該文件是異步文件,則瀏覽器可以繼續同時加載頁面上的其他元素。
推遲JavaScript加載延遲文件意味著阻止其加載,直到其他元素加載完畢。如果推遲使用較大的文件(例如JavaScript),則確??梢粤⒓醇虞d其余內容。
如果您有HTML網站,則需要在</body>標記之前放置一個外部JavaScript文件的調用,該文件如下所示:
如果您網站的速度尚未達到您想要的速度,那么這可能是一個可以持續進行的目標。但是當您進行本文中列出的更改時,您可以繼續測試您的網站并提高排名,用了以上這些方法后,肯定速度會提高不少。