perf: enable lazy loading of images (?)
parent
2c41cffce0
commit
36b6e51765
|
@ -93,6 +93,7 @@
|
||||||
<img
|
<img
|
||||||
src="{API_URL}/thumb/{address}?mime=audio"
|
src="{API_URL}/thumb/{address}?mime=audio"
|
||||||
alt="Thumbnail for {address}..."
|
alt="Thumbnail for {address}..."
|
||||||
|
loading="lazy"
|
||||||
on:load={() => (imageLoaded = address)}
|
on:load={() => (imageLoaded = address)}
|
||||||
on:error={() => (handled = false)}
|
on:error={() => (handled = false)}
|
||||||
/>
|
/>
|
||||||
|
@ -116,6 +117,7 @@
|
||||||
? 'raw'
|
? 'raw'
|
||||||
: 'thumb'}/{address}?size=512&quality=75"
|
: 'thumb'}/{address}?size=512&quality=75"
|
||||||
alt="Thumbnail for {address}..."
|
alt="Thumbnail for {address}..."
|
||||||
|
loading="lazy"
|
||||||
on:load={() => (imageLoaded = address)}
|
on:load={() => (imageLoaded = address)}
|
||||||
on:error={() => (handled = false)}
|
on:error={() => (handled = false)}
|
||||||
/>
|
/>
|
||||||
|
|
|
@ -73,6 +73,7 @@
|
||||||
class="thumb"
|
class="thumb"
|
||||||
src="{API_URL}/thumb/{address}?mime=video"
|
src="{API_URL}/thumb/{address}?mime=video"
|
||||||
alt="Preview for {address}"
|
alt="Preview for {address}"
|
||||||
|
loading="lazy"
|
||||||
on:load={() => (state = State.PREVIEW)}
|
on:load={() => (state = State.PREVIEW)}
|
||||||
on:mouseover={() => (state = State.PREVIEWING)}
|
on:mouseover={() => (state = State.PREVIEWING)}
|
||||||
on:error={() => (state = State.ERRORED)}
|
on:error={() => (state = State.ERRORED)}
|
||||||
|
|
Loading…
Reference in New Issue