Use loading="lazy" in more places.

i18n invites page. Polish the bans page.
2021-07-24 17:01:50 +01:00
parent ca975aae7b
commit dbaf246c27
15 changed files with 142 additions and 41 deletions
--- a/src/components/common/Emoji.tsx
+++ b/src/components/common/Emoji.tsx
@@ -55,6 +55,7 @@ export default function Emoji({
    return (
        <img
            alt={emoji}
+            loading="lazy"
            className="emoji"
            draggable={false}
            src={parseEmoji(emoji)}
@@ -66,7 +67,7 @@ export default function Emoji({
 }

 export function generateEmoji(emoji: string) {
-    return `<img class="emoji" draggable="false" alt="${emoji}" src="${parseEmoji(
+    return `<img loading="lazy" class="emoji" draggable="false" alt="${emoji}" src="${parseEmoji(
        emoji,
    )}" />`;
 }