diff --git a/extensions/emoji/js/src/forum/addComposerAutocomplete.js b/extensions/emoji/js/src/forum/addComposerAutocomplete.js
index 1c64aa678..c4ee94914 100644
--- a/extensions/emoji/js/src/forum/addComposerAutocomplete.js
+++ b/extensions/emoji/js/src/forum/addComposerAutocomplete.js
@@ -77,7 +77,7 @@ export default function addComposerAutocomplete() {
                 onmouseenter={function() {
                   dropdown.setIndex($(this).parent().index() - 1);
                 }}>
-                  <img alt={emoji} class="emoji" draggable="false" src={`${cdn}72x72/${code}.png`}/>
+                  <img alt={emoji} class="emoji" draggable="false" loading="lazy" src={`${cdn}72x72/${code}.png`}/>
                   {name}
               </button>
             );
diff --git a/extensions/emoji/js/src/forum/renderEmoji.js b/extensions/emoji/js/src/forum/renderEmoji.js
index 84cdf28af..e3b016512 100644
--- a/extensions/emoji/js/src/forum/renderEmoji.js
+++ b/extensions/emoji/js/src/forum/renderEmoji.js
@@ -7,12 +7,19 @@ import Post from 'flarum/models/Post';
 
 import base from './cdn';
 
+const options = {
+  base,
+  attributes: () => ({
+    loading: 'lazy',
+  }),
+};
+
 export default function renderEmoji() {
   override(Post.prototype, 'contentHtml', function(original) {
     const contentHtml = original();
 
     if (this.oldContentHtml !== contentHtml) {
-      this.emojifiedContentHtml = twemoji.parse(contentHtml, { base });
+      this.emojifiedContentHtml = twemoji.parse(contentHtml, options);
       this.oldContentHtml = contentHtml;
     }
 
@@ -22,6 +29,6 @@ export default function renderEmoji() {
   override(s9e.TextFormatter, 'preview', (original, text, element) => {
     original(text, element);
 
-    twemoji.parse(element, { base });
+    twemoji.parse(element, options);
   });
 }