Akamai Core 跨境電商 LCP HTML CDN

跨境電商網站效能優化戰開打 搜尋索引新制恐引產業大洗牌

2021-09-17
近幾年濫觴於中國大陸電商業者的網路購物季,不僅串連平台、供應商及物流資源大舉折扣促銷,還搭配各種創意獨具的實體表演、虛擬直播、整合線上線下互動、大量廣告宣傳以炒熱人氣買氣,在跨境電商的無國界競爭下,台灣及許多國家地區的電商業者,也被迫隨之跟進應戰甚至主動搶攻市場。例如每逢六月的618電商購物節,便是聲勢浩大的網購戰場。

!此為分頁標誌前台不顯示!

達到Core Web Vitals標準的跨境電商網站優化舉措

與舊有Web效能的關鍵指標一樣,Core Web Vitals與業績直接相關,且事實證明,按照Core Web Vitals優化後的網站,對收入大有裨益。例如,英國電信業者Vodafone在把LCP優化31%後,其銷售額提升了8%,且用戶訪問網站的轉換率和購物車的轉換率分別提升了15%和11%。Yahoo日本新聞網站(Yahoo! JAPAN News)藉由降低CLS,提升了15%的單用戶頁面瀏覽量和13.3%的平均用戶瀏覽時長,並且頁面跳出率降低了1.72%。

那麼跨境電商平台該如何優化以達到Google推薦的Core Web Vitals良好數值,最終在搜尋引擎排名上名列前茅?Akamai提供了許多針對性的方案和優化建議,幫助用戶將這三個指標提升至Google推薦的良好值。

首先,針對LCP,跨境電商平台應盡可能讓自己的HTML交付得更快,因為只有瀏覽器接收到HTML檔案後才會開始渲染頁面。HTML交付速度涉及許多優化面向,如DNS時間、首封包時間、TCP時間、全球路由優化。此外,由於頁面渲染勢必牽涉關鍵CSS和JS,因此JS和CSS的傳輸優化也十分重要。跨境電商平台可以利用最新的Brotli演算法對用戶端的CSS和JS進行壓縮,相比GZIP可以節省15%至20%的位元數。伺服器推送技術(Server Push)亦可在用戶請求HTML的時候,主動把關鍵JS和CSS檔案推送到用戶的瀏覽器上,從而更快載入這兩種關鍵元素。其餘的優化方式還包括使用原生惰性載入技術來載入圖片、預載入頁面字體、使用CDN、HTTP/2提升連接效能等。

針對FID,跨境電商平台可以延遲載入一些非關鍵或效能較慢的JavaScript檔案,移除一些不需要的第三方程式碼,或密切監測第三方程式碼來判斷其是否影響用戶互動效能,達到及時發現、及時優化的目的。此外,跨境電商平台亦可使用最新的JavaScript功能來提升互動效能;透過壓縮來縮小JavaScript檔案尺寸;查看JavaScript程式碼的利用率、移除未被調用的邏輯。

針對CLS,跨境電商平台可以預先設置好頁面圖片和影片的寬度、高度參數。預先定義好它們在頁面渲染的尺寸,可以避免因尺寸變化導致頁面載入過程中的位移。此外,跨境電商平台可以預先分配給諸如廣告等動態元素一些空間,以避免上述提到的「彈窗」問題。最後,跨境電商平台可以使用字體預載入功能,以及應避免使用JavaScript來改變頁面佈局。

值得注意的是,Google預計今年六月份把「用戶體驗」相關指標作為其搜尋排名依據,因此同類型網站中達到Google建議的Core Web Vitals評價為「Good」(參見圖一)的網站將在搜尋排名上更靠前。需要說明的是,Google要求三項指標均達到「Good」,網站才可在搜尋排名上得到提升。換而言之,若跨境電商平台只在LCP達到「Good」,但FID或CLS是「Needs Improvement」或「Poor」,那將無法得到排名加成。

 


追蹤我們Featrue us

本站使用cookie及相關技術分析來改善使用者體驗。瞭解更多

我知道了!