diff --git a/components/JsonEditor.tsx b/components/JsonEditor.tsx
index c7870e7ca..6786d42e2 100644
--- a/components/JsonEditor.tsx
+++ b/components/JsonEditor.tsx
@@ -448,6 +448,7 @@ export default function JsonEditor({
                 width={20}
                 height={20}
                 title='Copied!'
+                loading='lazy'
               />
             ) : (
               <Image
@@ -456,6 +457,7 @@ export default function JsonEditor({
                 title='Copy to clipboard'
                 width={20}
                 height={20}
+                loading='lazy'
               />
             )}
           </Button>
@@ -536,6 +538,7 @@ export default function JsonEditor({
                 width={20}
                 height={20}
                 title='Copied!'
+                loading='lazy'
               />
             ) : (
               <Image
@@ -544,6 +547,7 @@ export default function JsonEditor({
                 title='Copy to clipboard'
                 width={20}
                 height={20}
+                loading='lazy'
               />
             )}
           </Button>
@@ -561,6 +565,7 @@ export default function JsonEditor({
                     width={16}
                     height={16}
                     className=' mr-1.5'
+                    loading='lazy'
                   />{' '}
                   part of schema
                 </>
@@ -575,6 +580,7 @@ export default function JsonEditor({
                   width={16}
                   height={16}
                   className=' mr-1.5'
+                  loading='lazy'
                 />{' '}
                 schema
               </>
@@ -732,6 +738,7 @@ export default function JsonEditor({
               width={16}
               height={16}
               className=' mr-2'
+              loading='lazy'
             />
             not compliant to schema
           </Alert>
@@ -748,6 +755,7 @@ export default function JsonEditor({
               width={20}
               height={20}
               className='mr-2'
+              loading='lazy'
             />
             compliant to schema
           </Alert>
diff --git a/components/Layout.tsx b/components/Layout.tsx
index a20903d42..373db650b 100644
--- a/components/Layout.tsx
+++ b/components/Layout.tsx
@@ -347,6 +347,7 @@ const Footer = () => (
           height={100}
           alt='logo-white'
           className='mb-6'
+          loading='lazy'
         />
         <div className='flex flex-col text-center sm:text-left'>
           <a
@@ -374,6 +375,7 @@ const Footer = () => (
               height={16}
               className=' mr-2'
               alt='Slack logo'
+              loading='lazy'
             />
             Slack
           </a>
@@ -389,6 +391,7 @@ const Footer = () => (
               height={16}
               className=' mr-2'
               alt='X logo'
+              loading='lazy'
             />{' '}
             X
           </a>
@@ -404,6 +407,7 @@ const Footer = () => (
               height={16}
               className=' mr-2'
               alt='LinkedIn logo'
+              loading='lazy'
             />
             LinkedIn
           </a>
@@ -419,6 +423,7 @@ const Footer = () => (
               height={16}
               className='mr-2'
               alt='YouTube logo'
+              loading='lazy'
             />
             Youtube
           </a>
@@ -434,6 +439,7 @@ const Footer = () => (
               height={16}
               className='mr-2'
               alt='GitHub logo'
+              loading='lazy'
             />
             GitHub
           </a>
@@ -470,6 +476,7 @@ const Logo = () => {
           height={48}
           className='mr-2'
           alt='Dynamic image'
+          loading='lazy'
         />
       </Link>
     </div>
diff --git a/pages/index.page.tsx b/pages/index.page.tsx
index 95fb51ddd..0e6344319 100644
--- a/pages/index.page.tsx
+++ b/pages/index.page.tsx
@@ -198,6 +198,7 @@ const Home = (props: any) => {
                       alt='zapier'
                       height={40}
                       width={160}
+                      loading='lazy'
                     />
                     <Image
                       src='/img/logos/usedby/microsoft-white.png'
@@ -205,6 +206,7 @@ const Home = (props: any) => {
                       alt='microsoft'
                       height={40}
                       width={160}
+                      loading='lazy'
                     />
                     <Image
                       src='/img/logos/usedby/postman-white.png'
@@ -212,6 +214,7 @@ const Home = (props: any) => {
                       alt='postman'
                       height={40}
                       width={160}
+                      loading='lazy'
                     />
                     <Image
                       src='/img/logos/usedby/github-white.png'
@@ -219,6 +222,7 @@ const Home = (props: any) => {
                       alt='github'
                       height={40}
                       width={160}
+                      loading='lazy'
                     />
                   </>
                 )}
@@ -322,6 +326,7 @@ const Home = (props: any) => {
                 alt='community'
                 height={600}
                 width={800}
+                loading='lazy'
               />
             </>
           )}
@@ -375,6 +380,7 @@ const Home = (props: any) => {
                         alt='slack'
                         height={32}
                         width={32}
+                        loading='lazy'
                       />
                     </>
                   )}
@@ -387,6 +393,7 @@ const Home = (props: any) => {
                       alt='slack-json-schema'
                       height={500}
                       width={300}
+                      loading='lazy'
                     />
                   </>
                 )}
@@ -410,6 +417,7 @@ const Home = (props: any) => {
                         width={16}
                         height={16}
                         alt='slack'
+                        loading='lazy'
                       />
                     </>
                   )}
@@ -431,6 +439,7 @@ const Home = (props: any) => {
                       width={600}
                       height={232}
                       alt='blog'
+                      loading='lazy'
                     />
                   </>
                 )}
@@ -686,6 +695,7 @@ const Home = (props: any) => {
                       width={176}
                       height={100}
                       alt='asyncapi'
+                      loading='lazy'
                     />
                   </>
                 )}
@@ -703,6 +713,7 @@ const Home = (props: any) => {
                       width={176}
                       height={100}
                       alt='airbnb'
+                      loading='lazy'
                     />
                   </>
                 )}
@@ -720,6 +731,7 @@ const Home = (props: any) => {
                       width={176}
                       height={100}
                       alt='postman'
+                      loading='lazy'
                     />
                   </>
                 )}
@@ -733,6 +745,7 @@ const Home = (props: any) => {
                       width={176}
                       height={100}
                       alt='endjin'
+                      loading='lazy'
                     />
                   </>
                 )}
@@ -746,6 +759,7 @@ const Home = (props: any) => {
                       width={176}
                       height={100}
                       alt='llc'
+                      loading='lazy'
                     />
                   </>
                 )}
@@ -763,6 +777,7 @@ const Home = (props: any) => {
                       width={176}
                       height={100}
                       alt='vpsserver'
+                      loading='lazy'
                     />
                   </>
                 )}
@@ -780,6 +795,7 @@ const Home = (props: any) => {
                       width={176}
                       height={100}
                       alt='itflashcards'
+                      loading='lazy'
                     />
                   </>
                 )}
@@ -797,6 +813,7 @@ const Home = (props: any) => {
                       width={176}
                       height={100}
                       alt='route4me'
+                      loading='lazy'
                     />
                   </>
                 )}
@@ -810,6 +827,7 @@ const Home = (props: any) => {
                       width={176}
                       height={100}
                       alt='n8n'
+                      loading='lazy'
                     />
                   </>
                 )}
@@ -823,6 +841,7 @@ const Home = (props: any) => {
                       width={176}
                       height={100}
                       alt='ccopter'
+                      loading='lazy'
                     />
                   </>
                 )}
@@ -931,6 +950,7 @@ for Accounting integrations'
                     width={192}
                     height={224}
                     alt='n8n'
+                    loading='lazy'
                   />
                 </>
               )}
@@ -944,6 +964,7 @@ for Accounting integrations'
                     width={96}
                     height={128}
                     alt='slack'
+                    loading='lazy'
                   />
                 </>
               )}
diff --git a/pages/tools/components/ToolingDetailModal.tsx b/pages/tools/components/ToolingDetailModal.tsx
index 8c91a50e1..defbadde1 100644
--- a/pages/tools/components/ToolingDetailModal.tsx
+++ b/pages/tools/components/ToolingDetailModal.tsx
@@ -66,6 +66,7 @@ export default function ToolingDetailModal({
                 height={48}
                 width={48}
                 alt='landscape logos'
+                loading='lazy'
               />
             </div>
           )}