defer images for OpenCollective

Author: SvMak

src/components/sections/OpenCollective/Buttons/OCButton/index.tsx

@@ -13,6 +13,7 @@ export default function OCButton() {
         alt="Donate"
         width={240}
         height={35}
+        loading="lazy"
       />
     </Link>
   );

src/components/ui/AvatarImage/index.tsx

@@ -13,7 +13,9 @@ export default function AvatarImage({ className, src, alt }: Props) {
     return <span className={clsx(styles.avatarImage, className)}>{name}</span>;
   }
 
-  return <img className={className} src={src} alt={`${alt} avatar`} />;
+  return (
+    <img className={className} src={src} alt={`${alt} avatar`} loading="lazy" />
+  );
 }
 
 function generateAvatar(value: string) {