Add script import option

layout/_scripts/index.njk

@@ -1,22 +1,22 @@
 {%- include 'vendors.njk' -%}
 
 {%- if theme.injects.comment.length > 1 %}
-  {{- next_js('comments.js') }}
+  {{- next_js('comments.js', { defer: true }) }}
 {%- endif %}
 
 {{- next_js('utils.js') }}
 {%- if theme.motion.enable %}
-  {{- next_js('motion.js') }}
+  {{- next_js('motion.js', { defer: true }) }}
 {%- endif %}
 
 {%- if theme.sidebar.display !== 'remove' %}
-  {{- next_js('sidebar.js') }}
+  {{- next_js('sidebar.js', { defer: true }) }}
 {%- endif %}
 
-{{- next_js('next-boot.js') }}
+{{- next_js('next-boot.js', { defer: true }) }}
 {%- if theme.bookmark.enable %}
-  {{- next_js('bookmark.js') }}
+  {{- next_js('bookmark.js', { defer: true }) }}
 {%- endif %}
 {%- if theme.pjax %}
-  {{- next_js('pjax.js') }}
+  {{- next_js('pjax.js', { defer: true }) }}
 {%- endif %}

layout/_third-party/addtoany.njk

@@ -1,3 +1,3 @@
 {%- if theme.addtoany.enable %}
-  {{ next_js('third-party/addtoany.js') }}
+  {{ next_js('third-party/addtoany.js', { defer: true }) }}
 {%- endif %}

layout/_third-party/chat/chatra.njk

@@ -1,3 +1,3 @@
 {{ next_data('chatra', theme.chatra) }}
-{{ next_js('third-party/chat/chatra.js') }}
+{{ next_js('third-party/chat/chatra.js', { defer: true }) }}
 <script{{ ' async' if theme.chatra.async }} src="https://call.chatra.io/chatra.js"></script>

layout/_third-party/chat/tidio.njk

@@ -1,2 +1,2 @@
 <script src="//code.tidio.co/{{ theme.tidio.key }}.js"></script>
-{{ next_js('third-party/chat/tidio.js') }}
+{{ next_js('third-party/chat/tidio.js', { defer: true }) }}

layout/_third-party/fancybox.njk

@@ -1,3 +1,3 @@
 {%- if theme.fancybox %}
-  {{ next_js('third-party/fancybox.js') }}
+  {{ next_js('third-party/fancybox.js', { defer: true }) }}
 {%- endif %}

layout/_third-party/pace.njk

@@ -1,3 +1,3 @@
 {%- if theme.pace.enable %}
-  {{ next_js('third-party/pace.js') }}
+  {{ next_js('third-party/pace.js', { defer: true }) }}
 {%- endif %}

layout/_third-party/search/algolia-search.njk

@@ -1,3 +1,2 @@
-{{ next_vendors('algolia_search') }}
-
-{{- next_js('third-party/search/algolia-search.js') }}
+{{ next_vendors('algolia_search', { async: true }) }}
+{{- next_js('third-party/search/algolia-search.js', { defer: true }) }}

layout/_third-party/search/localsearch.njk

@@ -1,2 +1,2 @@
-{{ next_vendors('local_search') }}
-{{ next_js('third-party/search/local-search.js') }}
+{{ next_vendors('local_search', { async: true }) }}
+{{ next_js('third-party/search/local-search.js', { defer: true }) }}

layout/_third-party/statistics/firestore.njk

@@ -1,6 +1,6 @@
 {%- if theme.firestore.enable %}
-  {{ next_vendors('firebase_app') }}
-  {{ next_vendors('firebase_firestore') }}
+  {{ next_vendors('firebase_app', { async: true }) }}
+  {{ next_vendors('firebase_firestore', { async: true }) }}
   {{ next_data('firestore', theme.firestore) }}
-  {{ next_js('third-party/statistics/firestore.js') }}
+  {{ next_js('third-party/statistics/firestore.js', { defer: true }) }}
 {%- endif %}

layout/_third-party/statistics/lean-analytics.njk

@@ -1,4 +1,4 @@
 {%- if theme.leancloud_visitors.enable %}
   {{ next_data('leancloud_visitors', theme.leancloud_visitors) }}
-  {{ next_js('third-party/statistics/lean-analytics.js') }}
+  {{ next_js('third-party/statistics/lean-analytics.js', { defer: true }) }}
 {%- endif %}

layout/_third-party/tags/mermaid.njk

@@ -2,5 +2,5 @@
   {{ next_data('mermaid', theme.mermaid, {
     js: theme.vendors.mermaid
   }) }}
-  {{ next_js('third-party/tags/mermaid.js') }}
+  {{ next_js('third-party/tags/mermaid.js', { defer: true }) }}
 {%- endif %}

layout/_third-party/tags/pdf.njk

@@ -3,5 +3,5 @@
     object_url: theme.vendors.pdfobject,
     url: url_for('lib/pdf/web/viewer.html')
   }) }}
-  {{ next_js('third-party/tags/pdf.js') }}
+  {{ next_js('third-party/tags/pdf.js', { defer: true }) }}
 {%- endif %}

layout/_third-party/tags/wavedrom.njk

@@ -5,5 +5,5 @@
   {{ next_data('wavedrom_skin', theme.wavedrom, {
     js: theme.vendors.wavedrom_skin
   }) }}
-  {{ next_js('third-party/tags/wavedrom.js') }}
+  {{ next_js('third-party/tags/wavedrom.js', { defer: true }) }}
 {%- endif %}

scripts/helpers/engine.js

@@ -19,7 +19,9 @@ hexo.extend.helper.register('next_inject', function(point) {
 
 hexo.extend.helper.register('next_js', function(file, {
   pjax = false,
-  module = false
+  module = false,
+  defer = false,
+  async = false
 } = {}) {
   const { next_version } = this;
   const { internal, custom_cdn_url } = this.theme.vendors;
@@ -32,18 +34,21 @@ hexo.extend.helper.register('next_js', function(file, {
     custom  : custom_cdn_url
   });
   const src = links[internal] || links.local;
-  return `<script ${pjax ? 'data-pjax ' : ''}${module ? 'type="module" ' : ''}src="${src}" defer></script>`;
+  return `<script ${pjax ? 'data-pjax ' : ''}${module ? 'type="module" ' : ''}${defer ? 'defer ' : ''}${async ? 'async ' : ''}src="${src}"></script>`;
 });
 
-hexo.extend.helper.register('next_vendors', function(name) {
+hexo.extend.helper.register('next_vendors', function(name, {
+  defer = false,
+  async = false
+} = {}) {
   const { url, integrity } = this.theme.vendors[name];
   const type = url.endsWith('css') ? 'css' : 'js';
   if (type === 'css') {
     if (integrity) return `<link rel="stylesheet" href="${url}" integrity="${integrity}" crossorigin="anonymous">`;
     return `<link rel="stylesheet" href="${url}">`;
   }
-  if (integrity) return `<script src="${url}" integrity="${integrity}" crossorigin="anonymous" defer></script>`;
-  return `<script src="${url}" defer></script>`;
+  if (integrity) return `<script ${defer ? 'defer ' : ''}${async ? 'async ' : ''}src="${url}" integrity="${integrity}" crossorigin="anonymous"></script>`;
+  return `<script ${defer ? 'defer ' : ''}${async ? 'async ' : ''}src="${url}"></script>`;
 });
 
 hexo.extend.helper.register('next_data', function(name, ...data) {