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

（圖片來(lái)源：圖蟲創(chuàng)意）

速度變得非常重要，如果移動(dòng)網(wǎng)站的加載時(shí)間超過3秒，53%的訪客會(huì)放棄該網(wǎng)站。加載時(shí)間每延遲一秒，就會(huì)導(dǎo)致轉(zhuǎn)換率降低7%，這些數(shù)據(jù)告訴我們一個(gè)殘酷的互聯(lián)網(wǎng)生存法則——速度作為用戶體驗(yàn)的第一關(guān)注已經(jīng)變得無(wú)比重要了。點(diǎn)擊此處了解更多。

電商領(lǐng)域的競(jìng)爭(zhēng)日趨激烈，零售商希望尋求新的方法脫穎而出，競(jìng)爭(zhēng)領(lǐng)域的前沿陣地正穩(wěn)步朝著科技轉(zhuǎn)移。多渠道的出現(xiàn)使客戶購(gòu)買行為變得非常復(fù)雜，但有一點(diǎn)是肯定的，那就是速度變得非常重要。

谷歌最近推出了網(wǎng)頁(yè)體驗(yàn)更新 ，這是一種新的排名算法，旨在根據(jù)用戶對(duì)互動(dòng)體驗(yàn)的感知來(lái)衡量網(wǎng)頁(yè)，這清楚地表明該搜索巨頭非常強(qiáng)調(diào)感知速度——用戶感知到的頁(yè)面加載速度。

電商領(lǐng)域新的用戶體驗(yàn)是即時(shí)性的。新科技正在助力提升網(wǎng)站速度,結(jié)合現(xiàn)代便攜式前端、服務(wù)端渲染(SSR )、加速移動(dòng)頁(yè)面(AMP)和現(xiàn)代CDN技術(shù)，亞秒級(jí)頁(yè)面加載不僅僅是可能的，而且正在成為電商中新的競(jìng)爭(zhēng)戰(zhàn)場(chǎng) 。點(diǎn)擊此處了解更多。

網(wǎng)站速度的重要性

網(wǎng)站速度影響整個(gè)數(shù)字化戰(zhàn)略，從可見性（SEO和SEM）、流量、用戶體驗(yàn)，到最終轉(zhuǎn)換率和營(yíng)收，這直接源于谷歌對(duì)兩個(gè)領(lǐng)域的日益關(guān)注的移動(dòng)和速度。

谷歌進(jìn)行了長(zhǎng)達(dá)10年的努力，致力于強(qiáng)調(diào)網(wǎng)站速度的重要性。谷歌推出多個(gè)以移動(dòng)為重點(diǎn)的更新，進(jìn)一步強(qiáng)調(diào)速度對(duì)移動(dòng)網(wǎng)站的重要性，這對(duì)在搜索結(jié)果和SEM中獲得高排名至關(guān)重要。

相關(guān)工作包括2016年的移動(dòng)優(yōu)先索引，2017年帶有移動(dòng)廣告的AMP，2019年的速度升級(jí)以及即將在2021年初上線的網(wǎng)頁(yè)體驗(yàn) 排名更新。而且，谷歌將很快推出羞恥徽章，標(biāo)記眾所周知的“緩慢”網(wǎng)站，并警告從搜索引擎結(jié)果頁(yè)（SERP）導(dǎo)航到該網(wǎng)站的用戶。點(diǎn)擊此處了解更多。

（圖片來(lái)源:Limelight）

當(dāng)然，除了引入算法變化和標(biāo)記羞恥徽章網(wǎng)站以強(qiáng)調(diào)網(wǎng)站速度的作用外，谷歌還創(chuàng)造了一系列工具來(lái)實(shí)現(xiàn)更快的網(wǎng)絡(luò)，包括各種提高并衡量網(wǎng)站速度的工具，如網(wǎng)頁(yè)速度洞察、AMP、影響力計(jì)算器和移動(dòng)速度記分卡等。

填寫您的移動(dòng)網(wǎng)站信息，了解網(wǎng)站速度提升會(huì)如何影響營(yíng)收。點(diǎn)擊此處了解更多。

（圖片來(lái)源：Test My Site）

谷歌的Test My Site（測(cè)試我的網(wǎng)站）能幫助您對(duì)網(wǎng)站進(jìn)行快速檢測(cè)，預(yù)估采用推薦的網(wǎng)站速度對(duì)年度收入的潛在影響。

創(chuàng)建這些工具符合谷歌自身的利益，因其58%的搜索和65%的廣告收入都來(lái)自于移動(dòng)端。

如果您對(duì)谷歌以速度為中心的更新的完整時(shí)間表感興趣，請(qǐng)關(guān)注我們的果園，我們 將另行安排 文章 進(jìn)行詳細(xì)的介紹。

預(yù)約1對(duì)1演示,現(xiàn)在就預(yù)約咨詢對(duì)話，了解Layer0 XDN如何助您實(shí)現(xiàn)亞秒級(jí)頁(yè)面加載。

點(diǎn)擊這里咨詢！

速度=金錢

眾所周知網(wǎng)站速度會(huì)影響用戶體驗(yàn)，進(jìn)而影響營(yíng)收，在移動(dòng)設(shè)備上尤其如此——70%的消費(fèi)者 表示網(wǎng)站速度會(huì)影響他們的購(gòu)買意愿。亞馬遜的計(jì)算結(jié)果顯示頁(yè)面加載每延遲一秒，就會(huì)導(dǎo)致每年16億美元的 營(yíng)收 損失 。為了提升銷售，您必須確保無(wú)論訪客從哪里登陸，如產(chǎn)品列表頁(yè)面或產(chǎn)品詳情頁(yè)，內(nèi)容都可以快速輕松地加載出來(lái)。同樣，付款流程也應(yīng)該快速簡(jiǎn)單。這樣才能奠定再互動(dòng)的基礎(chǔ)，購(gòu)買者才會(huì)愿意復(fù)購(gòu)更多產(chǎn)品。

然而就目前的情況來(lái)看，交付快速的體驗(yàn)變得越來(lái)越困難了。在優(yōu)化不善、圖片過大、代碼混亂的臃腫網(wǎng)站上，一個(gè)移動(dòng)頁(yè)面平均發(fā)出214個(gè)服務(wù)器請(qǐng)求 ，其中100個(gè)與廣告有關(guān)。因此，在移動(dòng)設(shè)備上，加載一個(gè)頁(yè)面平均需要15.3秒。一些具競(jìng)爭(zhēng)力的零售商能夠?qū)⒁苿?dòng)頁(yè)面加載時(shí)間縮短至3-5秒，但仍有改進(jìn)的空間，而這并不是5G能解決的問題，這是要在廣告、個(gè)性化、分析和跟蹤與卓越用戶體驗(yàn)之間尋找一個(gè)完美的平衡。點(diǎn)擊此處了解更多。

速度的基礎(chǔ)

要交付閃電般快速的首頁(yè)加載，第一個(gè)基礎(chǔ)就是用AMP搜索流量，用SSR 搜索其他渠道。第二步就是確保極速的亞秒級(jí)頁(yè)面加載。這是通過為速度而構(gòu)建的便攜式前端來(lái)實(shí)現(xiàn)的，如漸進(jìn)式Web應(yīng)用程序（PWAs），最后一步就是運(yùn)用帶有邊緣計(jì)算能力的現(xiàn)代CDN，盡可能減少頁(yè)面加載的每一毫秒。

事實(shí)上，谷歌推薦了一個(gè)理想的客戶旅程“瀏覽方案”，即網(wǎng)站首先向搜索用戶交付一個(gè)AMP頁(yè)面，在隨后的頁(yè)面上將他們轉(zhuǎn)換至網(wǎng)站的完整PWA版本。由于近一半的零售商網(wǎng)站流量來(lái)自自然搜索，因此同時(shí)支持AMP和PWA是合理的。

借助PWA，開發(fā)人員可以交付極具吸引力的閃電般快速的體驗(yàn)，可與本地應(yīng)用相媲美.而涉及到搜索產(chǎn)生的流量時(shí)，AMP可能是最快的選擇了，其加載時(shí)間中位數(shù)為半秒 。

簡(jiǎn)而言之，要想在SERP中排得更高，就需要結(jié)合AMP和SSR 來(lái)實(shí)現(xiàn)快速的首次加載，并使用PWA帶來(lái)閃電般的瀏覽轉(zhuǎn)換。問題是，這些說(shuō)起來(lái)容易做起來(lái)難，因?yàn)樾枰髽I(yè)電商網(wǎng)站添加SSR支持，這本身就是一項(xiàng)復(fù)雜的任務(wù)，另外還需要維護(hù)兩個(gè)獨(dú)立的網(wǎng)站，一個(gè)用PWA(通常用React、Angular、Vue、Next或Nuxt編寫)，另一個(gè)用AMP HTML。

AMP頁(yè)面之所以快速，是因?yàn)檫M(jìn)行了預(yù)抓取和預(yù)渲染，并使用CDN(內(nèi)容交付網(wǎng)絡(luò))來(lái)緩存。大多數(shù)AMP頁(yè)面是由谷歌的AMP緩存交付的。點(diǎn)擊此處了解更多。

網(wǎng)站速度的基礎(chǔ)由這三個(gè)關(guān)鍵因素組成，我們把它們稱為三大支柱:

SSR + AMP 用于快速的首次加載

用戶從SERP上被引導(dǎo)至AMP版本的頁(yè)面，極速加載首頁(yè)。SSR對(duì)其他渠道的訪客也是如此，包括電子郵件、社交和推薦。

PWA便攜式前端，實(shí)現(xiàn)閃電般的瀏覽速度

當(dāng)訪客瀏覽網(wǎng)站的后續(xù)頁(yè)面時(shí)，PWA接管提供即時(shí)瀏覽速度。這樣消費(fèi)者可以享受到增強(qiáng)體驗(yàn)，包括閃電般快速的首頁(yè)加載，以及在首頁(yè)之后的即時(shí)頁(yè)面轉(zhuǎn)換。

預(yù)測(cè)性預(yù)取+現(xiàn)代CDN

預(yù)測(cè)性預(yù)取和具有邊緣計(jì)算能力的現(xiàn)代CDN能把動(dòng)態(tài)數(shù)據(jù)傳輸?shù)竭吘?，并在用戶?qǐng)求之前從邊緣傳輸?shù)接脩舻臑g覽器。您可以緩存并提供給消費(fèi)者他們實(shí)際在等待的東西,轉(zhuǎn)化成庫(kù)存內(nèi)的各種產(chǎn)品、價(jià)格和信息的JSON數(shù)據(jù)。通過這種方法，電商網(wǎng)站和其它數(shù)據(jù)驅(qū)動(dòng)的網(wǎng)站能夠交付即時(shí)體驗(yàn)，并始終保持比消費(fèi)者點(diǎn)擊快5秒（比如在用戶真正點(diǎn)擊鏈接之前，預(yù)抓取用戶最有可能點(diǎn)擊的產(chǎn)品詳情頁(yè)）。

至此，我們已經(jīng)了解了決定網(wǎng)站速度的三大支柱，下篇我們可以具體深入探討一下。

點(diǎn)擊此處了解更多。

（編輯：江同）

（來(lái)源：Limelight）

以上內(nèi)容僅代表作者本人觀點(diǎn)，不代表雨果跨境立場(chǎng)！如有關(guān)于作品內(nèi)容、版權(quán)或其它問題請(qǐng)于作品發(fā)表后的30日內(nèi)與雨果跨境取得聯(lián)系。