Lazy load images on emoji page

Makes the emoji page usable for instances with 1000+ emojis.
The attribute is considered experimental by Mozilla, but is supported
by most of the modern browsers.
This commit is contained in:
r 2022-04-17 06:01:45 +00:00
parent a38d29a435
commit b6c09b4fc6

View file

@ -6,7 +6,7 @@
{{range .Emojis}}
<div class="emoji-item-container">
<div class="emoji-item">
<img class="emoji" src="{{.URL}}" alt="{{.ShortCode}}" height="32" />
<img class="emoji" src="{{.URL}}" alt="{{.ShortCode}}" height="32" loading="lazy" />
<span title=":{{.ShortCode}}:" class="emoji-shortcode">:{{.ShortCode}}:</span>
</div>
</div>