From 9906a663265ec96daab2cf36c69faff7b65eafc8 Mon Sep 17 00:00:00 2001 From: moepoi <moepoi@protonmail.com> Date: Sun, 26 Sep 2021 20:49:54 +0700 Subject: [PATCH] Add lazy load to Bag Page --- bag.html | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/bag.html b/bag.html index 1355a2c..8bd9edc 100644 --- a/bag.html +++ b/bag.html @@ -84,6 +84,7 @@ } } </style> + <script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script> </head> <body class="bg-color"> @@ -125,7 +126,7 @@ <div class="card-body"> <div class="row"> <div class="col-sm-7 col-md-6 col-lg-4"> - <img alt="placeholder image" class="img-fluid" src="assets/Product_1.webp" width="180px" + <img alt="placeholder image" class="img-fluid lazyload" src="assets/Product_1.webp" width="180px" height="180px"/> </div> <div class="col-sm-5 col-md-6 col-lg-8"> @@ -156,7 +157,7 @@ <div class="card-body"> <div class="row"> <div class="col-sm-7 col-md-6 col-lg-4"> - <img alt="placeholder image" class="img-fluid" src="assets/Product_1.webp" width="180px" + <img alt="placeholder image" class="img-fluid lazyload" src="assets/Product_1.webp" width="180px" height="180px"/> </div> <div class="col-sm-5 col-md-6 col-lg-8"> @@ -188,7 +189,7 @@ <div class="card-body"> <div class="row"> <div class="col-sm-7 col-md-6 col-lg-4"> - <img alt="placeholder image" class="img-fluid" src="assets/Product_1.webp" width="180px" + <img alt="placeholder image" class="img-fluid lazyload" src="assets/Product_1.webp" width="180px" height="180px"/> </div> <div class="col-sm-5 col-md-6 col-lg-8">