diff --git a/product.html b/product.html
index 7bf50f3..c55d572 100644
--- a/product.html
+++ b/product.html
@@ -249,6 +249,7 @@
             }
         }
     </style>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script>
 </head>
 
 <body class="bg-color">
@@ -285,7 +286,7 @@
 
 <div class="card">
     <div class="product">
-        <img alt="placeholder image" class="img-fluid" src="assets/Product_1.webp" style="width: 400px; height: auto;"/>
+        <img alt="placeholder image" class="img-fluid lazyload" src="assets/Product_1.webp" style="width: 400px; height: auto;"/>
         <div class="description">
             <div style="margin-left: 20px;">
                 <h1 class="titledes">Fashione Shoes White</h1>
@@ -323,7 +324,7 @@
                         <span class="close close-posisition">&times;</span>
                         <h2 class="title"><b>SUCCESSFULLY ADDED TO BAG</b></h2>
                         <div class="konten">
-                            <img alt="placeholder image" class="img-fluid" height="200px" src="assets/Product_1.webp"
+                            <img alt="placeholder image" class="img-fluid lazyload" height="200px" src="assets/Product_1.webp"
                                  width="200px">
                             <div class="bodymodal" style="padding-left: 20px; padding-right: 20px;">
                                 <h3 class="titlemodal">Fashione Shoes White</h3>
