Merge pull request #3845 from AlchemyCMS/remove-lazy-loading-from-thumbnail

Remove lazy loading from thumbnail

Author: tvdeyen

app/assets/builds/alchemy/admin.css

@@ -44,7 +44,6 @@ export default class PictureThumbnail extends HTMLElement {
     if (alt) {
       this.image.alt = alt
     }
-    this.image.loading = "lazy"
   }
 
   start(src) {

app/assets/builds/alchemy/alchemy_admin.min.js

@@ -1,11 +1,11 @@
 alchemy-picture-thumbnail {
   &[loading] {
-    img {
+    > img {
       opacity: 0;
     }
   }
 
-  img {
+  > img {
     opacity: 1;
     transition: opacity var(--transition-duration);
   }

app/assets/builds/alchemy/alchemy_admin.min.js.map

@@ -152,16 +152,6 @@ describe("alchemy-picture-thumbnail", () => {
       expect(element.image.alt).not.toBe("Test image")
     })
 
-    it("sets loading to lazy", () => {
-      const element = renderComponent(
-        "alchemy-picture-thumbnail",
-        "<alchemy-picture-thumbnail></alchemy-picture-thumbnail>"
-      )
-      element.createImage("https://example.com/test.jpg")
-
-      expect(element.image.loading).toBe("lazy")
-    })
-
     it("uses default src from attribute", () => {
       const element = renderComponent(
         "alchemy-picture-thumbnail",