feat: add lazy loading to product images across market components
- Implemented lazy loading for product images in CartItem, CartSummary, ProductCard, ProductDetailDialog, CheckoutPage, and StallView components. - This enhancement improves performance by deferring the loading of off-screen images, resulting in faster initial page load times and a smoother user experience. These changes optimize image handling across the market module, contributing to better resource management and user interaction.
This commit is contained in:
parent
b3428c2905
commit
43c368e4e4
6 changed files with 11 additions and 3 deletions
|
|
@ -6,6 +6,7 @@
|
|||
:src="product.images?.[0] || '/placeholder-product.png'"
|
||||
:alt="product.name"
|
||||
class="w-full h-48 object-cover"
|
||||
loading="lazy"
|
||||
@error="handleImageError"
|
||||
/>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue