網(wǎng)站建設(shè)指導(dǎo)

3.3.分屏加載分屏加載又稱延遲加載或懶加載。定義：先加載框架和文字，再加載第一屏的數(shù)據(jù)，向下滾動(dòng)到哪里加載到哪里。場(chǎng)景：適用于多屏且圖片資源較多的頁(yè)面，如電商應(yīng)用商品展示頁(yè)面。作用：僅加載當(dāng)前視窗內(nèi)的圖片，頁(yè)面加載速度快，可以減輕服務(wù)器的壓力，節(jié)約流量，用戶體驗(yàn)好。缺點(diǎn)：也許會(huì)丟失重要的關(guān)鍵信息，無(wú)法建立信息獲取的閉環(huán)。表現(xiàn)形式：如下圖所示，淘寶的商品展示頁(yè)面，只加載首屏的圖片，頁(yè)面上滑時(shí)，下方圖片進(jìn)入視窗，顯示占位符，加載完成后顯示商品圖片。3.4.分頁(yè)加載定義：展示列表數(shù)據(jù)時(shí)，例如默認(rèn)展示 20 條，滾動(dòng)到最后的時(shí)候，自動(dòng)再加載 20 條或者手動(dòng)點(diǎn)擊加載。場(chǎng)景：適用于長(zhǎng)列表、商品列表、咨詢列表或瀑布流。作用：避免一次性加載大量數(shù)據(jù)造成的體驗(yàn)不佳，用戶可以有選擇的一直向下滾動(dòng)，不需要手動(dòng)點(diǎn)擊下一頁(yè)。缺點(diǎn)：把用戶帶入無(wú)盡瀏覽的模式，沒(méi)有盡頭，用戶容易迷失，不方便快速索引定位到某一內(nèi)容。表現(xiàn)形式：如下圖所示，分頁(yè)加載分為手動(dòng)點(diǎn)擊加載和自動(dòng)加載兩種形式。3.5.預(yù)加載預(yù)加載與分屏加載相反，就是提前加載的意思。定義：提前加載數(shù)據(jù)，當(dāng)用戶需要查看時(shí)可以直接從本地緩存中渲染。