1. 程式人生 > 其它 >以快制勝:跨境電商依靠三大支柱和邊緣計算換擋進入跑車道(上篇)

以快制勝:跨境電商依靠三大支柱和邊緣計算換擋進入跑車道(上篇)

編輯

速度變得前所未有地重要,如果移動網站的載入時間超過3秒,53%的訪客會放棄該網站。載入時間每延遲一秒,就會導致轉換率降低7%,這些資料告訴我們一個殘酷的網際網路生存法則——速度作為使用者體驗的第一關注已經變得無比重要了。

電商領域的競爭日趨激烈,零售商希望尋求新的方法脫穎而出,競爭領域的前沿陣地正穩步朝著科技轉移。多渠道的出現使客戶購買行為變得非常複雜,但有一點是肯定的,那就是速度變得前所未有地重要。谷歌最近推出了網頁體驗更新,這是一種新的排名演算法,旨在根據使用者對互動體驗的感知來衡量網頁,這清楚地表明該搜尋巨頭非常強調感知速度——使用者感知到的頁面載入速度。 

電商領域新的使用者體驗是即時性的。如果載入時間超過3秒,53%的訪客會放棄該移動網站。同時,載入時間每延遲一秒,就會導致轉換率降低7%。新科技正在前所未有地助力提升網站速度。結合現代行動式前端、服務端渲染(SSR)、加速移動頁面(AMP)和現代CDN技術,亞秒級頁面載入不僅僅是可能的,而且正在成為電商中新的競爭戰場。

網站速度的重要性

網站速度影響整個數字化戰略:從可見性(SEO和SEM)、流量、使用者體驗,到最終轉換率和營收。這直接源於谷歌對兩個領域的日益關注:移動和速度。 

該搜尋巨頭進行了長達10年的努力——致力於強調網站速度的重要性。谷歌推出多個以移動為重點的更新,進一步強調速度對於移動網站的重要性,這對在搜尋結果和SEM中獲得高排名至關重要。

相關工作包括2016年的移動優先索引,2017年帶有移動廣告的AMP,2019年的速度升級以及即將在2021年初上線的網頁體驗排名更新。而且,谷歌將很快推出羞恥徽章,標記眾所周知的“緩慢”網站,並警告從搜尋引擎結果頁(SERP)導航到該網站的使用者。編輯

編輯

當然,除了引入演算法變化和標記羞恥徽章網站以強調網站速度的作用外,谷歌還創造了一系列工具來實現更快的網路,包括各種提高並衡量網站速度的工具,如網頁速度洞察、AMP、影響力計算器和移動速度記分卡等。

填寫您的移動網站資訊,瞭解網站速度提升會如何影響營收。編輯編輯

來源:Test My Site(測試我的網站)

谷歌的Test My Site(測試我的網站)能幫助您對網站進行快速檢測,預估採用推薦的網站速度對年度收入的潛在影響。

建立這些工具符合谷歌自身的利益,因其58%的搜尋和65%的廣告收入都來自於移動端。

如果您對谷歌以速度為中心的更新的完整時間表感興趣,請關注我們的部落格,我們將在部落格另行安排文章進行詳細的介紹。編輯

速度=金錢         

眾所周知網站速度會影響使用者體驗,進而影響營收,在移動裝置上尤其如此——70%的消費者表示網站速度會影響他們的購買意願。亞馬遜的計算結果顯示頁面載入每延遲一秒,就會導致每年16億美元的營收損失。為了提升銷售,您必須確保無論訪客從哪裡登陸,如產品列表頁面或產品詳情頁,內容都可以快速輕鬆地加載出來。同樣,付款流程也應該快速簡單。這樣才能奠定再互動的基礎,購買者才會願意復購更多產品。

然而就目前的情況來看,交付快速的體驗變得越來越困難了。在優化不善、圖片過大、程式碼混亂的臃腫網站上,一個移動頁面平均發出214個伺服器請求,其中100個與廣告有關。因此,在移動裝置上,載入一個頁面平均需要15.3秒。一些具競爭力的零售商能夠將移動頁面載入時間縮短至3-5秒,但仍有改進的空間。而這並不是5G能解決的問題,這是要在廣告、個性化、分析和跟蹤與卓越使用者體驗之間尋找一個完美的平衡。編輯編輯

速度的基礎        

要交付閃電般快速的首頁載入,第一個基礎就是用AMP搜尋流量,用SSR搜尋其他渠道。第二步就是確保極速的亞秒級頁面載入。這是通過為速度而構建的行動式前端來實現的,如漸進式Web應用程式(PWAs);最後一步就是運用帶有邊緣計算能力的現代CDN,儘可能減少頁面載入的每一毫秒。 

事實上,谷歌推薦了一個理想的客戶旅程“瀏覽方案”,即網站首先向搜尋使用者交付一個AMP頁面,在隨後的頁面上將他們轉換至網站的完整PWA版本。由於近一半的零售商網站流量來自自然搜尋,因此同時支援AMP和PWA是合理的。

藉助PWAs,開發人員可以交付極具吸引力的閃電般快速的體驗,可與本地應用相媲美;而涉及到搜尋產生的流量時,AMP可能是最快的選擇了,其載入時間中位數為半秒。

簡而言之,要想在SERP中排得更高,就需要結合AMP和SSR來實現快速的首次載入,並使用PWA帶來閃電般的瀏覽轉換。問題是,這些說起來容易做起來難,因為需要企業電商網站新增SSR支援,這本身就是一項複雜的任務,另外還需要維護兩個獨立的網站:一個用PWA(通常用React、Angular、Vue、Next或Nuxt編寫),另一個用AMP HTML。 

AMP頁面之所以快速,是因為進行了預抓取和預渲染,並使用CDN(內容交付網路)來快取。大多數AMP頁面是由谷歌的AMP快取交付的。

三大支柱          

網站速度快慢的基礎由這三個關鍵因素決定,我們把他們成為三大支柱:

  • SSR + AMP用於快速的首次載入 

使用者從SERP上被引導至AMP版本的頁面,極速載入首頁。SSR對其他渠道的訪客也是如此,包括電子郵件、社交和推薦。 

  • PWA行動式前端,實現閃電般的瀏覽速度

當訪客瀏覽網站的後續頁面時,PWA接管提供即時瀏覽速度。這樣消費者可以享受到增強體驗,包括閃電般快速的首頁載入,以及在首頁之後的即時頁面轉換。

  • 預測性預取+現代CDN

預測性預取和具有邊緣計算能力的現代CDN能把動態資料傳輸到邊緣,並在使用者請求之前從邊緣傳輸到使用者的瀏覽器。您可以快取並提供給消費者他們實際在等待的東西——轉化成庫存內的各種產品、價格和資訊的JSON資料。通過這種方法,電商網站和其它資料驅動的網站能夠交付即時體驗,並始終保持比消費者點選快5秒(比如在使用者真正點選連結之前,預抓取使用者最有可能點選的產品詳情頁)。

至此,我們已經瞭解了決定網站速度的三大支柱,下篇我們可以具體深入探討一下。

編輯
編輯