From 46909dd1506aaec3eb586d97059deea116c99171 Mon Sep 17 00:00:00 2001
From: Oyelola Victoria <oyelolaabimbola23@gmail.com>
Date: Sun, 8 Sep 2024 06:06:16 +0000
Subject: [PATCH] implement lazy loading for images on integration page cards

Signed-off-by: Oyelola Victoria <oyelolaabimbola23@gmail.com>
---
 src/sections/Meshery/Meshery-integrations/Card.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/sections/Meshery/Meshery-integrations/Card.js b/src/sections/Meshery/Meshery-integrations/Card.js
index c5531eca4000..f7e70af2e117 100644
--- a/src/sections/Meshery/Meshery-integrations/Card.js
+++ b/src/sections/Meshery/Meshery-integrations/Card.js
@@ -9,7 +9,7 @@ const Card = () => {
   return (
     <IntegrationCard>
       <div className="container">
-        <img src={MissingIntegration} alt="missing integration icon" />
+        <img src={MissingIntegration} alt="missing integration icon" loading="lazy" />
         <h2>Missing an Integration?</h2>
         <p>Meshery is an extensible  platform with many purpose-built extension points. Use Meshery’s REST API or its GraphQL API both of which allow you to connect to any Kubernetes-native app.</p>
         <Button
@@ -20,7 +20,7 @@ const Card = () => {
         />
       </div>
       <div className="container">
-        <img src={ListIntegration} alt="List your integration icon" />
+        <img src={ListIntegration} alt="List your integration icon" loading="lazy" />
         <h2>Want your app listed?</h2>
         <p>Learn more about submitting an integration and partnership opportunities.</p>
         <ContactFormModal callout_text="Contact Us" form_header="Send Us An Email" />