feat: image lazyload & refactor: external js import

1 files changed, 11 insertions, 2 deletions

diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html
index 75a1ec36..d8daaaa0 100644
--- a/layouts/partials/scripts.html
+++ b/layouts/partials/scripts.html
@@ -1,5 +1,7 @@
 <!-- third-party libraries -->
-<script src="https://unpkg.com/swup@4"></script>
+{{ range .Site.Params.externalJSFiles -}}
+<script src="{{ $.Site.Params.staticPrefix }}{{ . | relURL }}"></script>
+{{- end }}
 <script type="module">
 import { init } from 'https://unpkg.com/@waline/client@v3/dist/waline.js';
 
@@ -24,7 +26,14 @@ function loadWalineComment() {
 
 loadWalineComment();
 
+/* === lazyload === */
+var lazyLoadInstance = new LazyLoad();
+lazyLoadInstance.update();
+
 /* === swup === */
 const swup = new Swup();
-swup.hooks.on('page:view', loadWalineComment);
+swup.hooks.on('page:view', () => {
+  loadWalineComment();
+  lazyLoadInstance.update();
+});
 </script>