feat(plugin): add loading=lazy to image

bmuenzenmeyer · Feb 25, 2023 · 89550ea · 89550ea
1 parent 0efe86d
commit 89550ea
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/.eleventy.js b/.eleventy.js
@@ -6,7 +6,7 @@ module.exports = (eleventyConfig, options) => {
 	}
 
 	eleventyConfig.addPairedShortcode("ai", function (content, href, size = 128) {
-		return `<a  href="${href}"><img alt="favicon for ${href}" style="max-height: 1em; position: relative; top: .2em; margin-right: .2em" src="${SERVICE_BASE.replace("%%URL%%", href).replace("%%SIZE%%", size)}"/>${content}</a>`
+		return `<a  href="${href}"><img alt="favicon for ${href}" loading="lazy" style="max-height: 1em; position: relative; top: .2em; margin-right: .2em" src="${SERVICE_BASE.replace("%%URL%%", href).replace("%%SIZE%%", size)}"/>${content}</a>`
 	})
 
 	eleventyConfig.addFilter("ai", (href, text) => {
@@ -15,7 +15,7 @@ module.exports = (eleventyConfig, options) => {
 			...options,
 		}
 
-		return `<a href="${href}"><img alt="favicon for ${href}" style="max-height: 1em; position: relative; top: .2em; margin-right: .2em" src="${SERVICE_BASE.replace(
+		return `<a href="${href}"><img alt="favicon for ${href}" loading="lazy" style="max-height: 1em; position: relative; top: .2em; margin-right: .2em" src="${SERVICE_BASE.replace(
 			"%%URL%%",
 			href
 		).replace("%%SIZE%%", size)}"/>${text}</a>`