优化图片分屏加载

app/design/frontend/Joshine/breeze/Magento_Cms/templates/default/home.phtml

@@ -285,8 +285,38 @@
         }
     });
 
+
     </script>
 <?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('home_top_category_thumnail')->toHtml();?>
 <?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('home_new_arrivals')->toHtml();?>
 <?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('flashsaleproduct')->toHtml();?>
 <?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('home_category_thumnail')->toHtml();?>
+<script>
+    const imgs = document.getElementsByTagName("img");
+    const viewHeight =
+        window.innerHeight || document.documentElement.clientHeight;
+    let num = 0;
+
+    function lazyload() {
+        for (let i = num; i < imgs.length; i++) {
+            let distance = viewHeight - imgs[i].getBoundingClientRect().top;
+            if (distance >= 0) {
+                imgs[i].src = imgs[i].getAttribute("data-src");
+                num = i + 1;
+            }
+        }
+    }
+
+    function debounce(fn, delay = 500) {
+        let timer = null;
+        return function (...args) {
+            if (timer) clearTimeout(timer);
+            timer = setTimeout(() => {
+                fn.call(this, args);
+            }, delay);
+        };
+    }
+
+    window.onload = lazyload;
+    window.addEventListener("scroll", debounce(lazyload, 600), false);
+</script>

app/design/frontend/Joshine/breeze/Magento_Theme/templates/html/footer.phtml

@@ -7,34 +7,6 @@
 ?>
 <?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('public_footer')->toHtml();?>
 <script>
-    const imgs = document.getElementsByTagName("img");
-    const viewHeight =
-        window.innerHeight || document.documentElement.clientHeight;
-    let num = 0;
-
-    function lazyload() {
-        for (let i = num; i < imgs.length; i++) {
-            let distance = viewHeight - imgs[i].getBoundingClientRect().top;
-            if (distance >= 0) {
-                imgs[i].src = imgs[i].getAttribute("data-src");
-                num = i + 1;
-            }
-        }
-    }
-
-    function debounce(fn, delay = 500) {
-        let timer = null;
-        return function (...args) {
-            if (timer) clearTimeout(timer);
-            timer = setTimeout(() => {
-                fn.call(this, args);
-            }, delay);
-        };
-    }
-
-    window.onload = lazyload;
-    window.addEventListener("scroll", debounce(lazyload, 600), false);
-
     require([
         'jquery'
     ], function ($) {