From bebb85613c3f5c07aa6d860f7b02669c738261c7 Mon Sep 17 00:00:00 2001
From: Your Name <dbose272@gmail.com>
Date: Tue, 2 Jun 2026 16:30:59 +0530
Subject: [PATCH] perf: implement native lazy loading for images

---
 about.html | 4 ++--
 index.html | 4 ++++
 js/main.js | 3 ++-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/about.html b/about.html
index cdb7529..036daee 100644
--- a/about.html
+++ b/about.html
@@ -93,7 +93,7 @@ <h1>About Us</h1>
         <article class="team-member" tabindex="0">
           <div class="team-member-inner">
             <div class="team-member-front">
-              <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Priya Sharma - Founder & Head Chef" />
+              <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Priya Sharma - Founder & Head Chef" loading="lazy" decoding="async" />
               <h4>Priya Sharma</h4>
               <p>Founder & Head Chef - Crafting every dish with love and authenticity.</p>
             </div>
@@ -107,7 +107,7 @@ <h4>About Priya</h4>
         <article class="team-member" tabindex="0">
           <div class="team-member-inner">
             <div class="team-member-front">
-              <img src="https://randomuser.me/api/portraits/women/45.jpg" alt="Anjali Verma - Customer Support" />
+              <img src="https://randomuser.me/api/portraits/women/45.jpg" alt="Anjali Verma - Customer Support" loading="lazy" decoding="async" />
               <h4>Anjali Verma</h4>
               <p>Customer Support - Always here to assist you with your orders.</p>
             </div>
diff --git a/index.html b/index.html
index 08cc12c..a1caf99 100644
--- a/index.html
+++ b/index.html
@@ -587,6 +587,8 @@ <h2>
             <img
               src="https://randomuser.me/api/portraits/women/68.jpg"
               alt="Priya Sharma"
+              loading="lazy"
+              decoding="async"
             />
 
             <h4>
@@ -631,6 +633,8 @@ <h4>
             <img
               src="https://randomuser.me/api/portraits/women/45.jpg"
               alt="Anjali Verma"
+              loading="lazy"
+              decoding="async"
             />
 
             <h4>
diff --git a/js/main.js b/js/main.js
index 0db96c1..442d506 100644
--- a/js/main.js
+++ b/js/main.js
@@ -309,7 +309,8 @@ function createCard(item, highlightQuery = "") {
   card.innerHTML = `
     <img src="${item.image}" 
          alt="${item.name}" 
-         loading="lazy" />
+         loading="lazy"
+         decoding="async" />
 
     <div class="card-content">