跳至主要内容

懶加載

您想要延遲加載圖片以節省資源

Suggestion

使用 BearSlideCardbackground,若 [瀏覽器開發模式的禁用網路緩存] 會加載兩次圖片,因為透過 new Image 進行載入後再提供給 background,這個設計是為了拿到讀取狀態

<BearCarousel
// ...ignore some
isLazy
renderLazyPreloader={() => <MyLoader/>}
/>

您可以在瀏覽器中打開 DevMode / Network 並嘗試查看它是如何加載的。