- added lazy loading

Hetarth02 · Sep 15, 2024 · 3f41f0e · 3f41f0e
1 parent a259e4d
commit 3f41f0e
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 3 deletions.
diff --git a/source/src/routes/home-partials/HomeFeatures.svelte b/source/src/routes/home-partials/HomeFeatures.svelte
@@ -186,7 +186,12 @@
                     {#each skills[category] as feature}
                         <div class="block sm:hidden">
                             <span class="btn-icon" title={feature.title}>
-                                <img src={feature.icon} class="w-full h-full" alt="Skills" />
+                                <img
+                                    src={feature.icon}
+                                    class="w-full h-full"
+                                    alt="Skills"
+                                    loading="lazy"
+                                />
                             </span>
                         </div>
 
@@ -195,7 +200,12 @@
                             title="feature"
                         >
                             <span class="btn-icon">
-                                <img src={feature.icon} class="w-full h-full" alt="Skills" />
+                                <img
+                                    src={feature.icon}
+                                    class="w-full h-full"
+                                    alt="Skills"
+                                    loading="lazy"
+                                />
                             </span>
                             <span class="text-sm">{feature.title}</span>
                         </div>

diff --git a/source/src/routes/home-partials/HomeSvelteKit.svelte b/source/src/routes/home-partials/HomeSvelteKit.svelte
@@ -52,6 +52,7 @@
                                     src={bookImg}
                                     class="bg-black/50 object-contain sm:object-cover w-full h-[350px]"
                                     alt="Post"
+                                    loading="lazy"
                                 />
                             </header>
                             <div class="p-4 space-y-4 sm:w-[70%]">

diff --git a/source/src/routes/home-partials/HomeTailwind.svelte b/source/src/routes/home-partials/HomeTailwind.svelte
@@ -23,6 +23,7 @@
                                 src={githubImg}
                                 class="bg-black/50 w-full h-1/2 aspect-[21/9] object-cover"
                                 alt="Svelsa"
+                                loading="lazy"
                             />
                         </header>
                         <div class="p-4 space-y-4">
@@ -66,6 +67,7 @@
                                 src={snipImg}
                                 class="bg-black/50 w-full h-1/2 aspect-[21/9] object-cover"
                                 alt="Snippet Sauce"
+                                loading="lazy"
                             />
                         </header>
                         <div class="p-4 space-y-4">
@@ -109,6 +111,7 @@
                                 src={knnImg}
                                 class="bg-black/50 w-full h-1/2 aspect-[21/9] object-cover"
                                 alt="Post"
+                                loading="lazy"
                             />
                         </header>
                         <div class="p-4 space-y-4">

diff --git a/source/src/routes/home-partials/HomeTheming.svelte b/source/src/routes/home-partials/HomeTheming.svelte
@@ -148,7 +148,12 @@
                 .base}"
         >
             <header class={themeStyles[theme].header}>
-                <img src={themeStyles[theme].src} class={themeStyles[theme].img} alt="Companies" />
+                <img
+                    src={themeStyles[theme].src}
+                    class={themeStyles[theme].img}
+                    alt="Companies"
+                    loading="lazy"
+                />
                 <div class="col-span-2 space-y-2">
                     <div class={themeStyles[theme].text2}>
                         {themeStyles[theme].text2_content}