From 15bc010394d71dacba3ac5f37621c72b68c94ba7 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Tue, 16 Apr 2024 18:52:49 +0100
Subject: [PATCH] lazy load player skin parts

---
 src/app/player/[id]/page.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/player/[id]/page.tsx b/src/app/player/[id]/page.tsx
index 41bb374..0c3380f 100644
--- a/src/app/player/[id]/page.tsx
+++ b/src/app/player/[id]/page.tsx
@@ -75,7 +75,9 @@ export default async function Page({ params }: Params) {
                 <p className="text-lg">Skin Parts</p>
                 <div className="flex gap-2">
                   {Object.entries(player.skin.parts).map(([key, value]) => {
-                    return <img className="h-[64px]" key={key} src={value} alt={`The player's ${key}`} />;
+                    return (
+                      <img className="h-[64px]" key={key} src={value} alt={`The player's ${key}`} loading="lazy" />
+                    );
                   })}
                 </div>
               </div>