aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte
diff options
context:
space:
mode:
authorFuwn <[email protected]>2026-05-15 10:27:00 +0000
committerFuwn <[email protected]>2026-05-15 10:27:00 +0000
commit0d041c6b61fddb96fe3c65764bf54298cdadbeba (patch)
treea6069215ed797880d2cd1b096b30777b3cabb8f5 /src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte
parentfix(a11y): give CommandPalette real dialog and combobox semantics (diff)
downloaddue.moe-0d041c6b61fddb96fe3c65764bf54298cdadbeba.tar.xz
due.moe-0d041c6b61fddb96fe3c65764bf54298cdadbeba.zip
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.
Diffstat (limited to 'src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte')
-rw-r--r--src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte2
1 files changed, 2 insertions, 0 deletions
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)'