Add lazy loading to all responsive images

LkeMitchll · Jan 17, 2022 · 7bab7f1 · 7bab7f1
1 parent e673a5f
commit 7bab7f1
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/shortcodes/responsiveImage.js b/src/shortcodes/responsiveImage.js
@@ -31,6 +31,8 @@ module.exports = function responsiveImage(imageSrc, size, asObject = false) {
     return {
       src: fallback,
       srcset: sources,
+      sizes: `${viewportWidths[size].sizes}`,
+      loading: "lazy",
       alt: imageSrc.fields.description,
       width: imgWidth,
       height: imgHeight,