李文濤 亞太區(qū)架構(gòu)師經(jīng)理

進入6月，國人被網(wǎng)絡(luò)上各種促銷信息“狂轟濫炸”，標志著618電商購物節(jié)正式拉開帷幕。疫情催生的“宅經(jīng)濟”讓消費者轉(zhuǎn)向網(wǎng)絡(luò)購物，“全球買全球賣”的跨境電商正成為習(xí)慣“出?！钡南M者青睞的消費模式購物”。據(jù)環(huán)球時報發(fā)布的數(shù)據(jù)，受疫情影響，2020年全球電商用戶將超過34億，2021年這一數(shù)字有望同比增長10%至38億。此外，為了抓住6.18這個上半年最大的消費旺季，

在此趨勢下，在剛剛結(jié)束的今年全國兩會政府工作報告中，明確提出發(fā)展跨境電子商務(wù)等新業(yè)態(tài)新模式?？缇畴娮由虅?wù)正在成為我國拉動經(jīng)濟增長的新渠道和融入“雙循環(huán)”格局的重要推動力。其釋放出的積極政策信號，將為跨境電商產(chǎn)業(yè)鏈各方帶來更多機遇。

如何把握機遇？建設(shè)一個Web性能更好的在線平臺是跨境電商的重中之重。研究表明，網(wǎng)頁加載速度每降低 100 毫秒，銷售額就會下降 7%。更重要的是，隨著谷歌近期推出了衡量Web性能、與搜索引擎排名相關(guān)的指標Core Web，今年中國跨境電商平臺必須順勢而為，適當(dāng)優(yōu)化Web性能和網(wǎng)站性能。他們自己的平臺。直觀的用戶體驗，否則很難在搜索引擎排名中寸步難行，最終錯失流量，影響收入。

Core Web：影響跨境電商網(wǎng)站性能和搜索排名的關(guān)鍵因素

自網(wǎng)站誕生以來，響應(yīng)速度或響應(yīng)時間一直是人們關(guān)注的焦點，而速度慢是網(wǎng)站的“殺手”。因此，在過去很長一段時間里，網(wǎng)站的響應(yīng)時間和頁面加載時間一直是衡量網(wǎng)站性能的關(guān)鍵指標。隨著頁面元素的不斷增加和新技術(shù)的引入，更加注重真實用戶體驗的“用戶感知”指標逐漸成為主流。但是，對于這個指標，業(yè)內(nèi)并沒有達成共識。不僅國內(nèi)電商和歐美電商使用的指標不同，國內(nèi)電商使用的指標也不同。直到去年，谷歌才提出“Core Web” ——從頁面加載、交互性、視覺穩(wěn)定性三個維度評估頁面用戶體驗的新一代Web性能體驗和質(zhì)量指標——讓業(yè)界朝著統(tǒng)一可接受的指標定義邁進。方法和維度。

圖 1. 新的用戶體驗指標 Core Web

并且，谷歌今年明確將Core Web作為谷歌搜索排名的影響因素之一。Core Web 由三個指標組成：（LCP），衡量頁面渲染和視覺加載的性能。 要求 LCP 在頁面首次開始加載后的 2.5 秒內(nèi)發(fā)生；(FID)，衡量頁面的交互性和流暢性，谷歌要求頁面的FID最好小于100毫秒；(CLS)，衡量頁面的視覺穩(wěn)定性，要求頁面的CLS最好保持在0.1以下。在這三個指標中，“頁面穩(wěn)定性”是一個比較新的角度，對電商行業(yè)極為重要。電子商務(wù)網(wǎng)站內(nèi)容豐富。消費者來訪時，往往“蹦蹦跳跳” 宣傳信息等內(nèi)容，這些彈窗會影響頁面的穩(wěn)定性。例如，突然出現(xiàn)的促銷窗口會將整個頁面下移，這可能會導(dǎo)致本想點擊“取消”按鈕的消費者不小心點擊了“確認訂單”（如圖2所示）。

圖2 突然彈窗導(dǎo)致頁面下移

跨境電商網(wǎng)站優(yōu)化倡議滿足Core Web標準

與 Web 性能的舊關(guān)鍵指標一樣，Core Web 與業(yè)務(wù)性能直接相關(guān)，并且針對 Core Web 優(yōu)化的站點已被證明對收入有巨大好處。例如， 在將 LCP 優(yōu)化 31% 后，其銷售額增長了 8%，用戶訪問網(wǎng)站的轉(zhuǎn)化率和購物車的轉(zhuǎn)化率分別提升了 15% 和 11%。日本新聞網(wǎng)站(!News)通過降低CLS，單用戶瀏覽量增加了15%，平均用戶瀏覽時間增加了13.3%，頁面跳出率下降了1.72%。

那么如何優(yōu)化跨境電商平臺，以達到谷歌推薦的Core Web的良好價值，最終躋身搜索引擎排名前列呢？有很多針對性的解決方案和優(yōu)化建議，幫助用戶將這三個指標提升到谷歌推薦的好值。

對于LCP，跨境電商平臺應(yīng)該盡可能快地發(fā)送HTML，因為瀏覽器只有在收到HTML文件后才會開始渲染頁面。HTML傳遞速度涉及到很多優(yōu)化維度，比如DNS時間、首包時間、TCP時間、全局路由優(yōu)化等。另外，由于頁面渲染離不開關(guān)鍵的CSS和JS，因此JS和CSS的傳輸優(yōu)化也很重要?？缇畴娚唐脚_可以使用最新的算法對客戶端的CSS和JS進行壓縮，相比GZIP可以節(jié)省15%到20%的字節(jié)。服務(wù)器推送技術(shù)（Push）還可以在用戶請求HTML時主動將關(guān)鍵的JS和CSS文件推送到用戶的瀏覽器，從而更快地加載這兩個關(guān)鍵元素。

對于FID，跨境電商平臺可以延遲加載一些非關(guān)鍵或執(zhí)行緩慢的文件，去除一些不必要的第三方代碼，或者密切監(jiān)控第三方代碼，判斷是否影響用戶交互性能，實現(xiàn)及時發(fā)現(xiàn)，以便及時優(yōu)化。此外，跨境電商平臺還可以利用最新的功能來提升交互性能；通過壓縮減小文件大?。粰z查代碼利用率并刪除未使用的邏輯。

對于CLS，跨境電商平臺可以預(yù)先設(shè)置頁面圖片和視頻的寬高參數(shù)。預(yù)先定義它們在頁面上的渲染尺寸，避免尺寸變化導(dǎo)致頁面加載時發(fā)生位移。此外，跨境電商平臺可以為廣告等動態(tài)元素預(yù)留一些空間，避免上述“彈窗”問題。最后，跨境電商平臺可以使用字體預(yù)加載seo優(yōu)化，避免使用它來改變頁面布局。

值得注意的是，谷歌預(yù)計在今年6月以“用戶體驗”相關(guān)指標作為其搜索排名依據(jù)，因此達到谷歌推薦的Core Web“Good”（見圖1）的同類型網(wǎng)站將排名第一在搜索排名中。更向前。需要注意的是，谷歌要求這三個指標都為“Good”才能提高網(wǎng)站的搜索排名。也就是說，如果跨境電商平臺只在LCP上達到“Good”，但FID或CLS為“”或“Poor”，那么就無法獲得排名紅利。

- 跨境電商網(wǎng)站優(yōu)化時代的舉措

在過去的幾年里，谷歌一直在為網(wǎng)站的桌面和移動網(wǎng)站編制索引。隨著“-”的引入，從今年4月開始，谷歌的搜索引擎將在抓取、索引和排名方面優(yōu)先參考移動版網(wǎng)站，這意味著谷歌將主要抓取和索引移動頁面。針對這一重大變化，該公司的一些電商客戶發(fā)現(xiàn)，如果不采取應(yīng)對措施，他們20%的谷歌搜索流量可能會受到影響。因此，跨境電商企業(yè)在搜索引擎優(yōu)化的具體規(guī)劃中，應(yīng)著眼于網(wǎng)站移動化。版本，針對以下幾個方面優(yōu)化頁面。

首先是能見度。- 實施后，谷歌搜索引擎主要模擬手機爬蟲對網(wǎng)站進行爬取。跨境電商平臺要了解谷歌爬蟲爬取行為的變化，知道自己的移動端站點是否被正確爬取。

其次是性能。移動網(wǎng)站的性能變得越來越重要?？缇畴娚唐脚_需要了解自己手機網(wǎng)站的性能和谷歌爬蟲抓取網(wǎng)站的性能。另外，在手機站基礎(chǔ)設(shè)施資源緊張的情況下，跨境電商平臺還需要了解只抓取手機站的谷歌爬蟲是否會為其源站帶來額外的壓力網(wǎng)站優(yōu)化，進而有針對性地進行優(yōu)化。

此外，谷歌還為網(wǎng)站管理員提出了一些最佳實踐，包括電子商務(wù)。首先，谷歌建議網(wǎng)站不再使用單獨的手機M站域名。例如，很多跨境電商平臺都有兩個域名：桌面“”和移動“”。，然后返回相應(yīng)的桌面或移動端內(nèi)容，或者使用響應(yīng)式網(wǎng)頁設(shè)計（RWD）技術(shù)進行頁面?zhèn)鬟f。其次，谷歌建議對桌面和移動網(wǎng)站使用相同的圖片 URL。目前很多電商平臺都會將同一張圖片壓縮裁剪成多個版本，用于桌面端、移動端甚至不同的瀏覽器。這些圖片將放在不同的文件夾和路徑中。使用相同的圖像 URL 來同時為桌面和移動網(wǎng)站提供服務(wù)并不容易，跨境電商平臺可以依賴這種基于CDN的自動化網(wǎng)站圖片優(yōu)化解決方案。第三，谷歌建議確保優(yōu)化移動網(wǎng)站的圖像質(zhì)量。為了節(jié)省字節(jié)和提高移動站點的性能，一些電子商務(wù)平臺在制作移動站點圖片時可能會將圖片壓縮得過于模糊網(wǎng)站開發(fā)，最終適得其反，影響移動用戶體驗。而且，在大背景下，手機網(wǎng)站是搜索引擎流量的主要入口，與“門面”相關(guān)的手機圖片質(zhì)量也不容小覷。跨境電商平臺可以使用WebP、AVIF等一些較新的圖片格式網(wǎng)站優(yōu)化，在保證圖片質(zhì)量的同時減小圖片尺寸。 建議確保優(yōu)化移動網(wǎng)站的圖像質(zhì)量。為了節(jié)省字節(jié)和提高移動站點的性能，一些電子商務(wù)平臺在制作移動站點圖片時可能會將圖片壓縮得過于模糊，最終適得其反，影響移動用戶體驗。而且，在大背景下，手機網(wǎng)站是搜索引擎流量的主要入口，與“門面”相關(guān)的手機圖片質(zhì)量也不容小覷。跨境電商平臺可以使用WebP、AVIF等一些較新的圖片格式，在保證圖片質(zhì)量的同時減小圖片尺寸。 建議確保優(yōu)化移動網(wǎng)站的圖像質(zhì)量。為了節(jié)省字節(jié)和提高移動站點的性能，一些電子商務(wù)平臺在制作移動站點圖片時可能會將圖片壓縮得過于模糊，最終適得其反，影響移動用戶體驗。而且，在大背景下，手機網(wǎng)站是搜索引擎流量的主要入口，與“門面”相關(guān)的手機圖片質(zhì)量也不容小覷?？缇畴娚唐脚_可以使用WebP、AVIF等一些較新的圖片格式，在保證圖片質(zhì)量的同時減小圖片尺寸。一些電商平臺在制作手機站圖片時，可能會把圖片壓縮得過于模糊，最終適得其反，影響手機用戶體驗。而且，在大背景下，手機網(wǎng)站是搜索引擎流量的主要入口，與“門面”相關(guān)的手機圖片質(zhì)量也不容小覷?？缇畴娚唐脚_可以使用WebP、AVIF等一些較新的圖片格式，在保證圖片質(zhì)量的同時減小圖片尺寸。一些電商平臺在制作手機站圖片時，可能會把圖片壓縮得過于模糊，最終適得其反，影響手機用戶體驗。而且，在大背景下，手機網(wǎng)站是搜索引擎流量的主要入口，與“門面”相關(guān)的手機圖片質(zhì)量也不容小覷?？缇畴娚唐脚_可以使用WebP、AVIF等一些較新的圖片格式，在保證圖片質(zhì)量的同時減小圖片尺寸。

積極探索新情況、新規(guī)則、新舉措，是我國跨境電子商務(wù)發(fā)展的關(guān)鍵，更是生存的需要。在世界在線消費和電子商務(wù)的大趨勢下，抓住Core Web的關(guān)鍵點并做出相應(yīng)的優(yōu)化，將成為中國跨境電商在危機中培育新機遇的“掘金”。在風(fēng)云變幻的秘籍中開啟新游戲”。

作為全球領(lǐng)先的智能邊緣平臺，已為多家全球知名跨境電商平臺提供Core Web及-era Web性能優(yōu)化解決方案。其中，可幫助跨境電商平臺監(jiān)測真實用戶的LCP、FID、CLS指標，并提供針對性的優(yōu)化方向；而邊緣計算服務(wù)可以實現(xiàn)網(wǎng)站的自適應(yīng)交付，統(tǒng)一移動和桌面域名。