您可以提高網站體驗的最佳方法之一就是提高網站載入速度。
過去,線上使用者可能能容忍頁面緩慢的載入。但是今天,情況有所不同,因為消費者希望獲得快速的瀏覽體驗。
如果尚未最佳化站點速度,則必須優先考慮。否則,您可能會給訪客留下對您的業務的負面印象。
為什麼網站速度很重要
想象一下:您正在線上搜尋資訊,然後點選瀏覽,結果似乎很有希望。幾秒鐘後,網頁仍未載入。
在這種情況下,您會怎麼做?
您可能只需單擊後退按鈕,然後單擊另一個結果。您甚至可能會記下一個便箋,以免再次訪問該網站。
上面的示例說明了網站速度的重要性。
盯著空白網頁,沒有比這更令人沮喪的了。使用者根本沒有耐心等待,因為無法告知頁面載入需要多長時間。
以下是您不應忽略網路效能的更多原因。
網站速度影響排名
Google發現,使用者在響應緩慢的網站上花費的時間更少。他們的內部資料還發現,使用者將Web效能放在首位。
因此,Google將網站速度作為桌上型電腦搜尋和移動搜尋的排名因素。在所有因素都相同的情況下,具有快速載入時間的網站將勝過慢速網頁。
當然,諸如相關性和反向連結之類的其他因素仍然會帶來很多壓力。但是,您的網站執行緩慢,並不能給您的網站或訪問者帶來任何好處。
載入時間增加跳出率
跳出率是指訪問您的網站但離開而沒有與其他頁面進行互動的訪問者所佔的百分比。高跳出率並不總是一件壞事-訪客可能只是在檢查營業時間並點選離開。
但是仍然有很高的比例值得關注。這可能表示使用者找不到與您的內容相關的內容,或者是因為頁面未載入。
Google發現跳出率與載入時間之間存在相關性:
如果您的載入時間在1-3秒之間,則使用者跳出的可能性為32%。但是,如果這上升到10秒,那麼它們跳出的可能性就會增加到123%。
如果訪問者的跳出率很高,則他們在您頁面上停留的時間不足以瞭解您的產品或服務。
網站效能不佳導致銷量下降
載入速度慢的網頁會直接影響轉化。當被問及如果人們遇到一個緩慢的電子商務網站該怎麼辦,有45。4%的人說他們購買的可能性較小。
網站效能會影響排名,跳出率和轉化次數。
提高站點速度的一種方法是使用內容交付網路或CDN(即託管您網站的伺服器網路)。這樣可以減少伺服器負載並縮短載入時間。根據組織的規模和需求,邊緣計算是另一種選擇。
建立網站速度基準
建立基準是提高Web效能的第一步-它使您可以跟蹤和衡量對網站所做的任何更改。
轉至PageSpeed Insights,這是Google的免費工具,可以分析網站並提供有關使其更快的建議。該工具還可以測量您網站的移動版和桌面版。
輸入您的URL,然後單擊“分析”按鈕。
透過PageSpeed Insights工具執行您的網站,並記下網站的移動版和桌面版的Field Data和Lab Data。這將允許您跟蹤和衡量所做的更改。
現在,您已經建立了基準,讓我們深入瞭解如何加快網站速度併為訪問者提供更快的體驗。
1。壓縮影象
圖片是改善您的網站併為訪問者提供您的產品或服務的背景的好方法。它們還可以透過拆分文字塊來提高可讀性。
但是影象的最大問題之一是它們的檔案大小。最佳化效果不佳的影象會佔用大量頻寬。儘管高解析度影象看起來不錯,但如果它們的連線速度太慢,某些訪問者甚至可能看不到它們。
在上載影象之前,請使用Adobe Photoshop之類的照片編輯軟體減小影象檔案的大小。理想情況下,您的圖片應為100 KB或更少。
確保還使用較小的格式,例如JPG,因為您可以壓縮它們的檔案大小而不會過多地損害影象質量。
這是JPG和PNG影象的比較:
老實說,很難說出兩者之間的區別。但是在這裡我們看到JPG圖片為60。3 KB,PNG圖片為377 KB。
如果您使用的是WordPress,則可以透過安裝影象壓縮外掛自動壓縮影象來使事情變得更加輕鬆。
2。嵌入您的影片
影片是可以使您的網站更具吸引力的另一種媒體。訪問者無需滾動文字,而是可以觀看短片,以瞭解有關您的產品或服務的更多資訊。
但是,與圖片相比,影片的檔案大小要大得多,這意味著當訪問者載入影片時,影片將佔用您的頻寬。
這是否意味著您應該完全放棄它們?不完全是。
雖然您可以在伺服器上自行託管影片,但更好,更快的選擇是嵌入來自YouTube的影片。嵌入式影片直接從其伺服器流式傳輸。
這是該醫療警報系統提供商如何在其首頁上嵌入影片的示例:
訪客只需單擊播放按鈕即可觀看影片,他們不會知道該影片是從其他伺服器流式傳輸的。
請按照以下步驟將YouTube影片嵌入HTML:
將影片上傳到YouTube
抓取11個字元的影片ID(最後一個斜槓後URL末尾的部分)
在網頁上定義
將具有ID的YouTube URL新增到“ src”屬性
指定“寬度”和“高度”屬性
看起來像這樣:
然後,只需將該程式碼貼上到您網站的HTML中即可。請注意,您還可以在影片中新增更多引數,例如自動播放,迴圈和控制元件。在進行更改之前,請務必先測試嵌入的影片。
3。穩定頁面佈局
您是否曾經瀏覽過網站,但突然間一切都變了?或者只是在您要單擊連結時,您最終還是單擊了其他東西?
那是佈局轉移的一個例子。
儘管與頁面速度沒有直接關係,但另一個值得關注的度量標準是累積佈局移位(CLS)—一種度量頁面上意外移位的度量。
佈局更改對整體使用者體驗有負面影響。在某些情況下,這可能會導致訪問者意外點選廣告。
CLS的最常見原因包括:
無量綱影象
廣告,嵌入和iframe
動態內容(例如登錄檔單)
為了提供良好的使用者體驗,您的網站的CLS分數應為0。1或更低。這表明您的佈局更加穩定,不易移動。
Reply的LinkedIn電子郵件查詢器頁面在此方面的效果非常好,累計佈局偏移為0:
他們的CLS得分為0,這意味著訪問者在瀏覽頁面時不會有任何變化。
您可以採取多種措施來穩定佈局。首先是要特別注意您網站上的所有嵌入和iframe。一個常見的問題是這些元素的尺寸不正確。
如果您使用的是YouTube影片或Google地圖之類的嵌入內容,請使用Chrome開發者工具確定確切的尺寸並建立一個佔位符。然後使用正確的尺寸設定佔位符的樣式以穩定佈局。
廣告是佈局變化的另一個常見原因。當然,您可以減少網站上的廣告數量,甚至完全刪除它們。但是,如果不是這樣,您可以在網站上為廣告預先分配空間並圍繞它進行設計。
最後,透過將動態內容(如新聞通訊)放置在任何現有內容之下或為其保留空間來解決這些動態內容。
4。壓縮您的網站檔案
使站點檔案更小可以使它們載入得更快。
您可以透過使用Gzip壓縮站點來實現此目的,Gzip是一種資料壓縮程式,可以透過Internet壓縮和解壓縮內容。使用Gzip,可以大大減少JavaScript,CSS和HTML檔案。
您可以透過減少程式碼來更進一步。這意味著從程式碼中消除膨脹,例如空格和不必要的字元。
這是一個示例,說明您可以透過以下方式減少檔案大小:
較小的站點檔案意味著您的訪問者可以更快地載入它們。
5。獲取網站反饋
隨著您縮短載入時間,請不要忽視整體使用者體驗(UX)。畢竟,如果使用者在瀏覽您的頁面或查詢所需內容時遇到麻煩,那麼快速的網站有什麼用?
好的使用者體驗會給訪問者留下你品牌的正面印象。做到這一點,您可以將更多的訪客變成客戶。但是弄錯了,您的訪客可能會反彈並點選進入另一個結果。
那麼如何改善網站的使用者體驗?
最好的方法是使用網站反饋工具。您可以直接收集他們的反饋,而不要擔心訪問者對您的網站有何看法。他們可以在你瀏覽網站時捕獲影片並提供反饋。
您從實際使用者那裡獲得的反饋使您可以確定需要改進的地方。這使您可以圍繞設計做出更好的決策。
結論
為了吸引更多的訪問者並使他們停留在您的網頁上,提高網路效能需要成為重中之重。即使延遲幾秒鐘也足以導致使用者跳出。
請按照此處介紹的提示提高您的網站速度。這包括最佳化影象,嵌入影片,穩定頁面佈局,壓縮站點檔案以及使用反饋工具更好地瞭解訪問者。