From 0d041c6b61fddb96fe3c65764bf54298cdadbeba Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.net>
Date: Fri, 15 May 2026 10:27:00 +0000
Subject: perf(images): lazy-load and async-decode off-screen imagery

Add loading=lazy and decoding=async to the 16 <img> elements that
weren't already deferring across Tools/Wrapped, Events, EasterEvent,
Hololive, and the rate-limited fallback. Also drop the
backdrop-filter: blur(160px) the dropdown items were paying on every
hover; the background-color change already gives sufficient feedback,
and the parent card's own blur stays.
---
 src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte | 2 ++
 1 file changed, 2 insertions(+)

(limited to 'src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte')

diff --git a/src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte b/src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte
index 8faf0ba3..f606f366 100644
--- a/src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte
+++ b/src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte
@@ -21,6 +21,8 @@ const handleClick = (index: number) => {
       <img
         src={url}
         alt="Option {i + 1}"
+        loading="lazy"
+        decoding="async"
         style={selectedIndex === i
           ? i === correctIndex
             ? 'border: 3px solid var(--base0B)'
-- 
cgit v1.2.3

