diff options
| author | Fuwn <[email protected]> | 2026-02-02 23:35:15 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2026-02-02 23:35:15 -0800 |
| commit | 1872b26efe3383d95000df0b956f92e7c3043538 (patch) | |
| tree | 4f920a1a4d8d628c4612d4181cad92cdf7e582d7 /src/lib/Image | |
| parent | fix: Resolve all ESLint errors and warnings (diff) | |
| download | due.moe-1872b26efe3383d95000df0b956f92e7c3043538.tar.xz due.moe-1872b26efe3383d95000df0b956f92e7c3043538.zip | |
perf(images): Optimise cover images for LCP and CLS
Diffstat (limited to 'src/lib/Image')
| -rw-r--r-- | src/lib/Image/ParallaxImage.svelte | 9 |
1 files changed, 9 insertions, 0 deletions
diff --git a/src/lib/Image/ParallaxImage.svelte b/src/lib/Image/ParallaxImage.svelte index 49588207..eb0383ef 100644 --- a/src/lib/Image/ParallaxImage.svelte +++ b/src/lib/Image/ParallaxImage.svelte @@ -11,6 +11,10 @@ export let factor = 1.25; export let limit = 300 * 1.75; export let borderRadius = '8px'; + export let loading: 'lazy' | 'eager' = 'lazy'; + export let fetchpriority: 'high' | 'low' | 'auto' | undefined = undefined; + export let width: number | undefined = undefined; + export let height: number | undefined = undefined; let badgeReference: HTMLImageElement; const mouse = tweened({ x: 0, y: 0 }, { duration, easing }); @@ -43,4 +47,9 @@ onmousemove={handleMouseMove} onmouseleave={handleMouseLeave} class={classList} + {loading} + {fetchpriority} + decoding="async" + {width} + {height} /> |