Add loading="lazy" to tag img

Author: magiccart

view/frontend/templates/categories.phtml

@@ -33,7 +33,7 @@ $itemAmount       = $block->getItemAmount();
                 <div class="category-image-container">
                     <a class="magepow-categories-category" href="<?php echo $cat->getUrl() ?>">
                         <div class="magepow-categories-category-image">
-                            <img src="<?php echo $this->getImage($cat) ?>" alt="<?php echo $cat->getName() ?>"/>
+                            <img loading="lazy" src="<?php echo $this->getImage($cat) ?>" alt="<?php echo $cat->getName() ?>"/>
                         </div>
                         <div class="magepow-categories-category-name">
                             <span><?php echo $cat->getName() ?></span>

view/frontend/templates/categories_widget.phtml

@@ -41,7 +41,7 @@ $selector     = 'alo-content-'.uniqid();
                 <div class="category-item-info">
                     <div class="category-image-container">
                         <a class="category-url" href="<?php echo $cat->getUrl() ?>">
-                            <img src="<?php echo $this->getImage($cat) ?>" width="<?php echo $image->getOriginalWidth() ?>" height="<?php echo $image->getOriginalHeight() ?>" alt="<?php echo $cat->getName() ?>"/>
+                            <img loading="lazy" src="<?php echo $this->getImage($cat) ?>" width="<?php echo $image->getOriginalWidth() ?>" height="<?php echo $image->getOriginalHeight() ?>" alt="<?php echo $cat->getName() ?>"/>
                         </a>
                     </div>
                     <div class="category-item-details">

view/frontend/templates/cmspage.phtml

@@ -33,7 +33,7 @@ $itemAmount       = $block->getItemAmount();
                 <div class="category-image-container">
                     <a class="magepow-categories-category" href="<?php echo $cat->getUrl() ?>">
                         <div class="magepow-categories-category-image">
-                            <img src="<?php  echo $this->getImage($cat) ?>" alt="<?php echo $cat->getName() ?>"/>
+                            <img loading="lazy" src="<?php  echo $this->getImage($cat) ?>" alt="<?php echo $cat->getName() ?>"/>
                         </div>
                         <div class="magepow-categories-category-name">
                             <span><?php echo $cat->getName() ?></span>