From 65d5b915104fc79a3e8425466b6e2b88c1f35828 Mon Sep 17 00:00:00 2001
From: Vitaly Takmazov
Date: Fri, 24 May 2024 14:28:41 +0300
Subject: embed.js: lazy image loading

---
 vnext/src/utils/embed.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'vnext')

diff --git a/vnext/src/utils/embed.js b/vnext/src/utils/embed.js
index a538a1a8..fcef651d 100644
--- a/vnext/src/utils/embed.js
+++ b/vnext/src/utils/embed.js
@@ -180,7 +180,7 @@ function getEmbeddableLinkTypes() {
       makeNode: function(aNode, reResult, div) {
         // dirty fix for dropbox urls
         let url = aNode.href.endsWith('dl=0') ? aNode.href.replace('dl=0', 'raw=1') : aNode.href
-        div.innerHTML = `<a href="${url}"><img src="${url}"></a>`
+        div.innerHTML = `<a href="${url}"><img loading="lazy" src="${url}"></a>`
         return div
       }
     },
@@ -190,7 +190,7 @@ function getEmbeddableLinkTypes() {
       className: 'picture compact',
       re: /\.gif(:[a-zA-Z]+)?(?:\?[\w&;?=]*)?$/i,
       makeNode: function(aNode, reResult, div) {
-        div.innerHTML = `<a href="${aNode.href}"><img src="${aNode.href}"></a>`
+        div.innerHTML = `<a href="${aNode.href}"><img loading="lazy" src="${aNode.href}"></a>`
         return div
       }
     },
-- 
cgit v1.2.3