优化一下博客的性能

themes/Ying/layouts/partials/footer.html

@@ -52,19 +52,20 @@
 {{ $uikit := resources.Get "js/libs/uikit.min.js" }}
 {{ $easylazyload := resources.Get "js/modules/lazyload.js" }}
 {{ $viewimage := resources.Get "js/libs/view-image.min.js" }}
-{{ $artalk := resources.Get "js/libs/Artalk.js" }}
 {{ $barrage := resources.Get "js/modules/barrage.js" }}
 {{ $main := resources.Get "js/main.js" }}
 {{ $mypjax := resources.Get "js/modules/mypjax.js" }}
 {{ $nprogress := resources.Get "js/libs/nprogress.js" }}
 {{ $message := resources.Get "js/libs/message.min.js" }}
-{{ $echarts := resources.Get "js/libs/echarts.min.js" }}
 {{ $tiaozhuan := resources.Get "js/modules/tiaozhuan.js" }}
 {{ $reward := resources.Get "js/modules/reward.js" }}
+{{ $echarts := resources.Get "js/libs/echarts.min.js" }}
+{{ $artalk := resources.Get "js/libs/Artalk.js" }}
 
 {{/* Modules */}}
 {{ $utils := resources.Get "js/modules/utils.js" }}
 {{ $loader := resources.Get "js/modules/loader.js" }}
+{{ $cache := resources.Get "js/modules/cache.js" }}
 {{ $search := resources.Get "js/modules/search.js" }}
 {{ $floatingTools := resources.Get "js/modules/floating-tools.js" }}
 {{ $paragraphComments := resources.Get "js/modules/paragraph-comments.js" }}
@@ -72,9 +73,9 @@
 {{ $artalkModule := resources.Get "js/modules/artalk.js" }}
 {{ $pjaxLib := resources.Get "js/libs/pjax.js" }}
 
-{{ $scripts := slice $iconfont $lightgallery $uikit $easylazyload $viewimage $artalk $barrage $utils $loader $search $floatingTools $paragraphComments $infiniteScroll $artalkModule $nprogress $pjaxLib $main $mypjax $message $echarts $tiaozhuan $reward | resources.Concat "js/bundle.js" | resources.Minify | resources.Fingerprint }}
+{{ $scripts := slice $iconfont $lightgallery $uikit $easylazyload $viewimage $barrage $utils $loader $cache $search $floatingTools $paragraphComments $infiniteScroll $artalkModule $nprogress $pjaxLib $main $mypjax $message $tiaozhuan $reward $echarts $artalk | resources.Concat "js/bundle.js" | resources.Minify | resources.Fingerprint }}
 
-  <script src="{{ $scripts.RelPermalink }}"></script>
+  <script defer src="{{ $scripts.RelPermalink }}"></script>
   <script>
     // Global configuration from Hugo
     window.enableInfiniteScroll = {{ .Site.Params.infiniteScroll.enable | default false }};

themes/Ying/layouts/partials/head.html

@@ -1,10 +1,9 @@
-<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
   <title>{{ .Title }}</title>
   <!-- SEO & Meta Tags -->
   <meta name="description" content="{{ if .IsHome }}{{ .Site.Params.description }}{{ else }}{{ .Description | default .Summary | plainify | truncate 160 }}{{ end }}" />
-  <link rel="canonical" href="{{ .Permalink }}" />
+  <link rel="canonical" href="{{ .RelPermalink | absURL }}" />
   
   {{- $keywords := slice "大学" "教程" "blog" "优世界" "优设计" "博客" "大学生博客" "生活" "文案" -}}
   {{- if .Params.tags -}}
@@ -72,6 +71,7 @@
   </script>
   <!-- Preload Fonts -->
   <link rel="preload" href="{{ "font/zql-v2.woff2" | relURL }}" as="font" type="font/woff2" crossorigin>
+  <link rel="preload" href="{{ "font/remixicon.woff2" | relURL }}" as="font" type="font/woff2" crossorigin>
 
   <!-- Site Configuration -->
   <script>
@@ -98,12 +98,14 @@
   {{ $remixicon := resources.Get "css/libs/remixicon.css" }}
   {{ $uikit := resources.Get "css/libs/uikit.min.css" }}
   {{ $nprogress := resources.Get "css/libs/nprogress.min.css" }}
-  {{ $artalk := resources.Get "css/libs/Artalk.css" }}
   {{ $message := resources.Get "css/libs/message.min.css" }}
   {{ $main := resources.Get "css/main.css" }}
 
-  {{ $style := slice $normalize $remixicon $uikit $nprogress $artalk $message $main | resources.Concat "css/style.css" | resources.Minify | resources.Fingerprint }}
+  {{ $style := slice $normalize $remixicon $uikit $nprogress $message $main | resources.Concat "css/style.css" | resources.Minify | resources.Fingerprint }}
+  {{ $artalk := resources.Get "css/libs/Artalk.css" | resources.Minify | resources.Fingerprint }}
+
   <link rel="stylesheet" href="{{ $style.RelPermalink }}">
+  <link rel="stylesheet" href="{{ $artalk.RelPermalink }}">
   
   {{- if and .Site.Params.style.enableBackgroundImage .Site.Params.style.backgroundImageUrl -}}
 <style>

themes/Ying/layouts/partials/header.html

@@ -5,7 +5,7 @@
         <div class="header">
             <div class="header-top">
                 <div class="header-avatar load-memos-editor" id="theme-toggle-avatar">
-                    <img src="{{ .Site.Params.author.avatar }}" class="blog-img" width="80" height="80" alt="{{ .Site.Title }}" />
+                    <img src="{{ .Site.Params.author.avatar }}" class="blog-img" width="80" height="80" alt="{{ .Site.Title }}" decoding="async" fetchpriority="high" />
                     <div class="avatar-theme-tip">
                         点击头像切换昼夜
                     </div>