進(jìn)入6月，國(guó)人被網(wǎng)絡(luò)上各種促銷(xiāo)信息“狂轟濫炸”，標(biāo)志著618電商購(gòu)物節(jié)正式拉開(kāi)帷幕。 疫情催生的“宅經(jīng)濟(jì)”讓消費(fèi)者轉(zhuǎn)向網(wǎng)絡(luò)購(gòu)物，“全球買(mǎi)全球賣(mài)”的跨境電商正成為習(xí)慣“出?！钡南M(fèi)者青睞的消費(fèi)模式購(gòu)物”。 據(jù)環(huán)球時(shí)報(bào)發(fā)布的數(shù)據(jù)，受疫情影響，2020年全球電商用戶將超過(guò)34億，2021年這一數(shù)字有望同比增長(zhǎng)10%至38億。 此外，為了搶占上半年最大的消費(fèi)旺季6.18，今年天貓國(guó)際入駐了來(lái)自全球87個(gè)國(guó)家和地區(qū)的多個(gè)海外品牌。

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

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

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

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

圖 1. 新的用戶體驗(yàn)指標(biāo) Core Web

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

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

符合Core Web標(biāo)準(zhǔn)的跨境電商網(wǎng)站優(yōu)化措施

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

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

對(duì)于LCP，跨境電商平臺(tái)應(yīng)該盡可能快地發(fā)送HTML，因?yàn)闉g覽器只有在收到HTML文件后才會(huì)開(kāi)始渲染頁(yè)面。 HTML傳遞速度涉及到很多優(yōu)化維度，比如DNS時(shí)間、首包時(shí)間、TCP時(shí)間、全局路由優(yōu)化等。 另外，由于頁(yè)面渲染離不開(kāi)關(guān)鍵的CSS和JS，因此JS和CSS的傳輸優(yōu)化也很重要。 跨境電商平臺(tái)可以使用最新的算法對(duì)客戶端的CSS和JS進(jìn)行壓縮，相比GZIP可以節(jié)省15%到20%的字節(jié)。 服務(wù)器推送技術(shù)（Push）還可以在用戶請(qǐng)求HTML時(shí)主動(dòng)將關(guān)鍵的JS和CSS文件推送到用戶的瀏覽器，從而更快地加載這兩個(gè)關(guān)鍵元素。 其他優(yōu)化方式包括使用原生懶加載技術(shù)加載圖片、預(yù)加載頁(yè)面字體、使用CDN、HTTP/2提升連接性能等。

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

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

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

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

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

首先是能見(jiàn)度。 - 實(shí)施后，谷歌搜索引擎主要模擬手機(jī)爬蟲(chóng)對(duì)網(wǎng)站進(jìn)行爬取。 跨境電商平臺(tái)要了解谷歌爬蟲(chóng)爬取行為的變化，知道自己的移動(dòng)端站點(diǎn)是否被正確爬取。

其次是性能。 移動(dòng)網(wǎng)站的性能變得越來(lái)越重要。 跨境電商平臺(tái)需要了解自己手機(jī)網(wǎng)站的性能和谷歌爬蟲(chóng)抓取網(wǎng)站的性能。 另外，在手機(jī)站基礎(chǔ)設(shè)施資源緊張的情況下，跨境電商平臺(tái)還需要了解只抓取手機(jī)站的谷歌爬蟲(chóng)是否會(huì)為其源站帶來(lái)額外的壓力，進(jìn)而有針對(duì)性地進(jìn)行優(yōu)化。

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

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

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

（作者為亞太區(qū)架構(gòu)師經(jīng)理）