lazy load images

This commit is contained in:
2025-10-30 14:44:22 +01:00
parent 270e9bb8d3
commit d77e9c828a

View File

@@ -4,7 +4,7 @@ import * as elements from "frontend/elementcreate";
function MediaElement(attributes: Attributes, contents: string[]) { function MediaElement(attributes: Attributes, contents: string[]) {
const ret = <div class="col media-element" id={attributes['id']}> const ret = <div class="col media-element" id={attributes['id']}>
<div class='card shadow-sm'> <div class='card shadow-sm'>
<img class='card-img-top' src={attributes['webImg']} width='100%' onerror={attributes['imageError']}></img> <img class='card-img-top' src={attributes['webImg']} width='100%' onerror={attributes['imageError']} loading="lazy"></img>
<div class='card-body'> <div class='card-body'>
<h5 class='card-title'>{attributes['title']}</h5> <h5 class='card-title'>{attributes['title']}</h5>
<p class='card-text'>{attributes['released']}</p> <p class='card-text'>{attributes['released']}</p>