diff options
| author | Fuwn <[email protected]> | 2026-05-15 10:27:00 +0000 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2026-05-15 10:27:00 +0000 |
| commit | 0d041c6b61fddb96fe3c65764bf54298cdadbeba (patch) | |
| tree | a6069215ed797880d2cd1b096b30777b3cabb8f5 /src/lib/Events/Group.svelte | |
| parent | fix(a11y): give CommandPalette real dialog and combobox semantics (diff) | |
| download | due.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/Group.svelte')
| -rw-r--r-- | src/lib/Events/Group.svelte | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/src/lib/Events/Group.svelte b/src/lib/Events/Group.svelte index 02cd53ac..9b0ddba5 100644 --- a/src/lib/Events/Group.svelte +++ b/src/lib/Events/Group.svelte @@ -11,13 +11,13 @@ let { group }: { group: Group } = $props(); style={`background-image: ${group.banner ? `url(${group.banner})` : 'none'}; padding: 0;`} > {#if group} - <img src={group.banner} alt="" id="cover-image" /> + <img src={group.banner} alt="" loading="lazy" decoding="async" id="cover-image" /> {/if} <div class="card" id="user-grid-content"> <div id="user-grid-avatar"> <a href={`https://anilist.co/user/${group.anilist_username}`} target="_blank"> - <img src={group.avatar} alt="" width="100vw" id="avatar" /> + <img src={group.avatar} alt="" loading="lazy" decoding="async" width="100vw" id="avatar" /> </a> </div> |