From 0d041c6b61fddb96fe3c65764bf54298cdadbeba Mon Sep 17 00:00:00 2001 From: Fuwn 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 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/Tools/Wrapped/Media.svelte | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'src/lib/Tools/Wrapped/Media.svelte') diff --git a/src/lib/Tools/Wrapped/Media.svelte b/src/lib/Tools/Wrapped/Media.svelte index f7dd3007..674f5f90 100644 --- a/src/lib/Tools/Wrapped/Media.svelte +++ b/src/lib/Tools/Wrapped/Media.svelte @@ -28,6 +28,8 @@ export let mangaMostTitle: string; )} alt="Highest Rated Anime Cover" class="cover-image" + loading="lazy" + decoding="async" onload={updateWidth} /> @@ -67,6 +69,8 @@ export let mangaMostTitle: string; )} alt="Highest Rated Manga Cover" class="cover-image" + loading="lazy" + decoding="async" onload={updateWidth} /> -- cgit v1.2.3