opt

layout/_partial/head.swig

@@ -39,7 +39,7 @@
 {%- endif -%}
 
 {%- if theme.shaky -%}
-  <link rel="stylesheet" type="text/css" href="https://cdn.yimian.xyz/shaky/shaky.css"> 
+  <link rel="stylesheet" media="none" onload="this.media='all'" type="text/css" href="https://cdn.yimian.xyz/shaky/shaky.css"> 
 {%- endif -%}
 
 {#- Canonical, good for google search engine -#}
@@ -47,7 +47,7 @@
 
 {#- Fancybox styling -#}
 {%- if theme.fancybox -%}
-  <link rel="stylesheet" type="text/css" href="{{ theme.cdnurl }}/lib/fancybox/jquery.fancybox.css" />
+  <link rel="stylesheet" media="none" onload="this.media='all'" type="text/css" href="{{ theme.cdnurl }}/lib/fancybox/jquery.fancybox.css" />
 {%- endif -%}
 
 {#- MathJax (LaTeX) support -#}

layout/_script/pjax.swig

@@ -7,6 +7,14 @@
   });
 {%- endif -%}
 
+    /* lazyload */
+    window.imageLazyLoadSetting = {
+        isSPA: false,
+        processImages: null,
+    };
+    
+     window.addEventListener("load",function(){var t=/\.(gif|jpg|jpeg|tiff|png)$/i,r=/^data:image\/[a-z]+;base64,/;Array.prototype.slice.call(document.querySelectorAll("img[data-original]")).forEach(function(a){var e=a.parentNode;"A"===e.tagName&&(e.href.match(t)||e.href.match(r))&&(e.href=a.dataset.original)})});
+
   /* 第一次载入页面加载的函数 */
   pjax_ini = () => {
     
@@ -25,6 +33,11 @@
      {%- if theme.mermaid -%}
        mermaid.init(undefined, $(".mermaid"));
      {%-endif-%}
+
+
+     /* lazy load */
+     !function(n){n.imageLazyLoadSetting.processImages=o;var i=n.imageLazyLoadSetting.isSPA,r=Array.prototype.slice.call(document.querySelectorAll("img[data-original]"));function o(){i&&(r=Array.prototype.slice.call(document.querySelectorAll("img[data-original]")));for(var t,e,a=0;a<r.length;a++)t=r[a],e=void 0,0<=(e=t.getBoundingClientRect()).bottom&&0<=e.left&&e.top<=(n.innerHeight||document.documentElement.clientHeight)&&function(){var t,e,n,i,o=r[a];t=o,e=function(){r=r.filter(function(t){return o!==t})},n=new Image,i=t.getAttribute("data-original"),n.onload=function(){t.src=i,e&&e()},n.src=i}()}o(),n.addEventListener("scroll",function(){var t,e;t=o,e=n,clearTimeout(t.tId),t.tId=setTimeout(function(){t.call(e)},500)})}(this);
+     !function(){var t=/\.(gif|jpg|jpeg|tiff|png)$/i,r=/^data:image\/[a-z]+;base64,/;Array.prototype.slice.call(document.querySelectorAll("img[data-original]")).forEach(function(a){var e=a.parentNode;"A"===e.tagName&&(e.href.match(t)||e.href.match(r))&&(e.href=a.dataset.original)})}();
   };
 
   /* 第一次 执行 */