瀏覽器跨域cors（解決瀏覽器跨域請(qǐng)求問(wèn)題）
頁(yè)面加載速度時(shí)快時(shí)慢——尤其是商品詳情頁(yè)，有時(shí)候要等5秒以上才完全顯示用工具一查，器跨請(qǐng)求原來(lái)是解決瀏頁(yè)面在加載商品信息的同時(shí)，還在同步請(qǐng)求評(píng)論數(shù)據(jù)、跨域推薦商品等非關(guān)鍵API，問(wèn)題導(dǎo)致主線程被“堵住”了我們給出的瀏覽覽器解決方案是：將評(píng)論數(shù)據(jù)、推薦商品等非核心內(nèi)容的器跨請(qǐng)求API請(qǐng)求改為“異步加載”。
簡(jiǎn)單來(lái)說(shuō)，解決瀏就是跨域讓頁(yè)面先快速顯示商品圖片、價(jià)格、問(wèn)題核心參數(shù)這些用戶(hù)最關(guān)心的瀏覽覽器信息，再在后臺(tái)悄悄加載其他內(nèi)容就像吃火鍋時(shí)，器跨請(qǐng)求先喝湯再涮肉，解決瀏順序?qū)α耍缬蝮w驗(yàn)才流暢～調(diào)整后效果立竿見(jiàn)影：頁(yè)面首屏加載時(shí)間從5.2秒縮短到2.1秒，問(wèn)題用戶(hù)在頁(yè)面上的滾動(dòng)深度提升了30%。
更意外的是，因?yàn)榧虞d變快，跳出率下降了22%，訂單量也跟著漲了很多賣(mài)家可能會(huì)疑惑：“異步加載會(huì)不會(huì)影響數(shù)據(jù)完整性？”其實(shí)完全不用擔(dān)心我們可以設(shè)置“加載占位符”，比如在評(píng)論區(qū)先顯示“正在加載用戶(hù)好評(píng)…”，等數(shù)據(jù)回來(lái)后再替換成真實(shí)內(nèi)容。
用戶(hù)看到動(dòng)態(tài)加載的提示，反而會(huì)覺(jué)得站點(diǎn)“很智能”跨境獨(dú)立站的競(jìng)爭(zhēng)，很多時(shí)候拼的是“速度”。用技術(shù)手段優(yōu)化加載邏輯，讓用戶(hù)不用干等著，轉(zhuǎn)化自然就來(lái)了～