From 3c4ce677c3bc9a8b373eade7e98c338c86817673 Mon Sep 17 00:00:00 2001
From: Emil Gulamov <125820963+mearashadowfax@users.noreply.github.com>
Date: Mon, 11 Mar 2024 22:09:59 +0400
Subject: [PATCH] Add "eager" loading to images in TabContent and
 TestimonialItem

Added "eager" loading attribute to the image tags in two Astro components: TabContent and TestimonialItem. This optimization allows images to load immediately as soon as the page starts loading, improving the user's visual experience when first accessing the page.
---
 src/components/sections/testimonials/TestimonialItem.astro | 1 +
 src/components/ui/blocks/TabContent.astro                  | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/components/sections/testimonials/TestimonialItem.astro b/src/components/sections/testimonials/TestimonialItem.astro
index 3b29783..3305ed6 100644
--- a/src/components/sections/testimonials/TestimonialItem.astro
+++ b/src/components/sections/testimonials/TestimonialItem.astro
@@ -38,6 +38,7 @@ interface Props {
           class="h-8 w-8 rounded-full"
           src={avatarSrc}
           alt="Avatar Description"
+          loading={"eager"}
           inferSize
         />
       </div>
diff --git a/src/components/ui/blocks/TabContent.astro b/src/components/ui/blocks/TabContent.astro
index 2d7c17d..8017955 100644
--- a/src/components/ui/blocks/TabContent.astro
+++ b/src/components/ui/blocks/TabContent.astro
@@ -49,5 +49,6 @@ This is the full example:
     class={secondClass}
     draggable={"false"}
     format={"avif"}
+    loading={"eager"}
   />
 </div>