為什麼頁面速度至關重要? 如何測試和改善自己的

為什麼頁面速度至關重要?

由於頁面速度慢,大多數網站失去了大約一半的訪問者。 實際上,平均桌面網頁 跳出率為42%,則移動網頁的平均跳出率為58%,平均點擊後目標網頁的跳出率為60%至90%。 無論如何,不要以任何方式討好數字,特別是考慮到移動設備的使用量持續增長,並且越來越難以吸引和保持消費者的關注。

根據Google的說法, 最著陸頁仍然是 緩慢的12.8秒。 這包括移動互聯網接入盛行且4G速度是全球最高的一些地方。 

平均頁面速度太長了,考慮到53%的用戶僅在3秒後放棄了頁面-從那以後情況只會變得更糟:

頁面速度和跳出率

那麼,什麼是好的頁面加載速度? 近乎即時

幸運的是,有一個解決方案。 在開始之前,讓我們進一步了解頁面速度的重要性。

為什麼頁面速度很重要

eMarketer顯示在2019年 全球數字廣告支出將超過316美元 十億 並且在可預見的將來只會增加:

2017年至2022年的數字廣告支出

顯然,品牌在廣告上花費了大量資金,並希望從預算中獲得最大收益。 但是,當人們點擊廣告時- 點擊後目標網頁 無法立即加載-他們可能會在幾秒鐘內點擊回來,因此浪費了廣告商的預算。

頁面速度的成本影響巨大,您絕對應該將頁面速度作為前進的重點。 在評估自己的數字廣告系列時,請考慮以下一些指標和要點:

質量得分

緩慢的頁面加載不僅使用戶感到沮喪,而且還會導致質量得分下降。 由於質量得分與您的 廣告評級,最終為您為每次點擊支付的費用,加載緩慢的頁面自然會降低得分。

轉換率

如果更少的人一直在等待您的頁面加載,則更少的人有機會進行轉換。 他們甚至在看到您的報價,優惠,號召性用語等之前都放棄了您的頁面。

以零售為例,甚至 一秒鐘的延遲 移動加載時間最多可影響20%的轉化率。

移動體驗

2016年中,移動網絡使用量 大量通過桌面流量:

行動裝置超越桌面檢視表

隨著消費者消費 手機上有更多時間,則行銷商和廣告客戶一直(而且仍然)被迫適應。 一種交付方式 針對移動設備進行優化的廣告系列 是創建快速加載的頁面。

這使我們獲得了解決這些問題中每一個問題的#1頁面速度解決方案。

AMP登陸頁面提高頁面速度

AMP, 開源框架 自2016年推出以來,它為廣告客戶提供了一種創建快速,流暢加載的移動網頁的方式,該網頁優先考慮用戶體驗。 

AMP頁面對廣告客戶具有吸引力,因為它們提供了近乎瞬時的加載時間,同時仍支持某些樣式和品牌可定制性。 由於它們限制了HTML / CSS和JavaScript,因此它們可加快單擊後目標網頁的呈現速度。 此外,與傳統的移動頁面不同,AMP頁面由Google AMP緩存自動緩存,以加快Google搜索的加載時間。

作為點擊後優化的領導者,Instapage提供了使用AMP框架創建點擊後目標網頁的功能:

加速的移動頁面(AMP)

隨著 Instapage AMP構建器,營銷人員和廣告商可以:

  • 無需開發人員即可直接從Instapage平台創建AMP單擊後登錄頁面
  • 驗證,A / B測試,並將AMP頁發佈到WordPress或自定義域
  • 提供更好的移動體驗,提高質量得分並帶來更多轉化

AMP加速的移動頁面驗證

加速的移動頁面(AMP)驗證

自將AMP應用於其​​點擊後體驗以來,革命性的助聽器公司Eargo取得了令人難以置信的成果:

AMP Instapage登陸頁面

具有Instapage的AMP登陸頁面

除了使用Instapage構建AMP頁面外,還有幾種其他方法可以提高頁面速度。 以下是其中三個可幫助您入門。

3提高頁面速度的其他方法

1.利用頁面速度工具

PageSpeed Insights 是Google的速度測試,可為您的頁面評分0到100分:

Pagespeed見解

計分基於兩個參數:

  1. 首屏加載時間(用戶請求新頁面後,頁面在首屏上顯示內容的總時間)
  2. 全頁面加載時間(用戶請求頁面後瀏覽器完全呈現頁面所花費的時間)

您的分數越高,您的頁面就越優化。 根據經驗,高於85的值表示您的網頁效果良好。 低於85,您應該查看Google提供的建議以提高分數。

PageSpeed Insights提供有關網頁的桌面版和移動版的報告,並提供改進建議。

與Google一起思考:測試我的網站由PageSpeed Insights團隊發起的,僅測試移動網頁的速度,而不是移動網頁和台式機的速度。 這是頁面加載速度(或速度)的另一個指標:

認為與穀歌測試我的網站

該工具顯示您的加載時間,提供自定義建議以加快站點上的每個頁面的速度,然後提供生成完整報告的選項。

2.完全優化的圖像(壓縮)

通過壓縮,調整大小,重新格式化等方式優化圖像可以幫助節省字節,加快頁面加載時間並提高移動網站的性能。 其中 其他重要建議,Google表示要刪除不必要的高分辨率圖片和GIF,並在可能的情況下用文字或CSS替換圖片。 

此外,由於壓縮設置和調整大小後的圖像可以自動執行,因此比以往任何時候都更容易。 例如,您可以使用腳本自動調整大小和壓縮數百張圖像,從而減少手工工作(在構建AMP頁面時,自定義圖像標籤會自動執行許多相同的優化操作)。

有許多可用選項,選擇最佳圖像格式可能很困難。 這完全取決於用例,但以下是一些最常見的用法:

  • WebP: 攝影和半透明圖像
  • JPEG: 沒有透明度的照片
  • PNG: 透明背景
  • SVG: 可擴展的圖標和形狀

Google建議從WebP開始,因為它可以提供比JPEG更高30%的壓縮率,而不會降低圖像質量。

3.優先處理首屏內容

改善用戶對網站速度的感知與提高網站速度本身幾乎一樣重要。 這就是為什麼一旦優化了圖像,就必須確保在正確的時機將其交付。

請考慮以下因素:在移動設備上,網站的可見部分僅限於一小塊區域, 在首頁上方。 因此,您將有機會在該區域中快速加載內容,而折疊下面的其他元素將在後台下載。

注意:使AMP獨特的原因在於它具有內置的優先資源加載功能,可確保僅首先下載最重要的資源。

減少站點上的圖像數量可能是一個挑戰,特別是對於零售品牌(例如,具有許多產品)而言,但採用這三種策略至少要最小化圖像對加載時間的影響仍然至關重要。 

使用AMP提高頁面速度

如果由於頁面加載速度慢而導致移動頁面的跳出率高和轉換率低,AMP頁面可能是您的省錢之選。

開始創建單擊後AMP頁面,以為訪問者提供快速,優化和相關的移動瀏覽體驗,並在此過程中改善質量得分和轉化。

你覺得呢?

本網站使用Akismet來減少垃圾郵件。 了解您的評論如何處理.