From 8bbc62e649bca61dd85172425d2a3a8feeac093c Mon Sep 17 00:00:00 2001
From: shreyad2806 <dubeyshreya2507@gmail.com>
Date: Wed, 2 Oct 2024 15:52:10 +0530
Subject: [PATCH] Prioritizing Image Loading

Prioritized image loading in js
---
 cart.js | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/cart.js b/cart.js
index 6249ad5e..451d2061 100644
--- a/cart.js
+++ b/cart.js
@@ -72,3 +72,30 @@ orderBtn.addEventListener("click", ()=>{
        alert("Order placed!");
    }
 })
+
+// Prioritizing Image Loading
+<script>
+  // Critical images
+  const criticalImages = document.querySelectorAll('.critical-image');
+
+  // Lazy load other images
+  const lazyImages = document.querySelectorAll('img[data-src]');
+
+  // Load critical images immediately
+  criticalImages.forEach(image => {
+    image.src = image.dataset.src;
+  });
+
+  // Use Intersection Observer for lazy loading
+  const observer = new IntersectionObserver(entries => {
+    entries.forEach(entry => {
+      if (entry.isIntersecting) {
+        entry.target.src = entry.target.dataset.src;
+        observer.unobserve(entry.target);
+      }
+    });
+  });
+
+  lazyImages.forEach(image => observer.observe(image));
+</script>
+