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