From 7969304fe736c511f5f52c68a9d3f44107443259 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Tue, 24 Oct 2023 15:06:47 +0100
Subject: [PATCH] lazyload images

---
 src/components/Avatar.tsx       | 2 ++
 src/components/player/Score.tsx | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/src/components/Avatar.tsx b/src/components/Avatar.tsx
index 38f777c..131168c 100644
--- a/src/components/Avatar.tsx
+++ b/src/components/Avatar.tsx
@@ -22,6 +22,8 @@ export default function Avatar({
         src={url}
         width={size}
         height={size}
+        loading="lazy"
+        placeholder="blur"
         priority
       />
     </>
diff --git a/src/components/player/Score.tsx b/src/components/player/Score.tsx
index 218c60a..a4a47a6 100644
--- a/src/components/player/Score.tsx
+++ b/src/components/player/Score.tsx
@@ -43,6 +43,8 @@ export default function Score({ score, player, leaderboard }: ScoreProps) {
           className="h-fit rounded-md"
           width={60}
           height={60}
+          loading="lazy"
+          placeholder="blur"
         />
         {/* Song Info */}
         <div className="w-fit truncate text-blue-500">