perf: add loading="lazy" for image element

.changeset/shy-needles-count.md

@@ -0,0 +1,8 @@
+---
+"@lynx-js/web-elements-template": patch
+"@lynx-js/web-elements": patch
+---
+
+perf: add loading="lazy" for image element
+
+https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#loading

packages/web-platform/web-elements-template/src/index.ts

@@ -94,7 +94,9 @@
       'detected <script, this is a potential XSS attack, please check your src',
     );
   }
-  return `<img part="img" alt="" id="img" ${src ? `src="${src}"` : ''}/> `;
+  return `<img part="img" alt="" loading="lazy" id="img" ${
+    src ? `src="${src}"` : ''
+  }/> `;
 };
 
 export const templateFilterImage = templateXImage;