preload artalk

layouts/partials/head.html

@@ -11,29 +11,21 @@
 {{ with .Site.Params.description }}<meta name="description" content="{{ . }}">{{ end }}
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="preload" href="{{ "css/bootstrap.min.css" | absURL }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
-<link rel="preload" href="//fonts.googleapis.com/css?family=Roboto:400,300,700,400italic" as="style" onload="this.onload=null;this.rel='stylesheet'">
 <link rel="preload" href="{{ "css/font-awesome.min.css" | absURL }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
 <link rel="preload" href="{{ "css/owl.carousel.css" | absURL }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
 <link rel="preload" href="{{ "css/owl.theme.css" | absURL }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
 <!-- Theme stylesheet, if possible do not edit this stylesheet -->
 {{ with .Site.Params.style }}
-  <link href="{{ printf "css/style.%s.css" . | absURL }}" rel="stylesheet" id="theme-stylesheet">
+<link rel="preload" href="{{ printf "css/style.%s.css" . | absURL }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
 {{ else }}
-  <link href="{{ "css/style.default.css" | absURL }}" rel="stylesheet" id="theme-stylesheet">
+<link rel="preload" href="{{ "css/style.default.css" | absURL }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
 {{ end }}
- <!-- Responsivity for older IE -->
-<!-- Just in case -->
-  {{ `
-    <!--[if lt IE 9]>
-        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
-        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-    <![endif]-->
-  ` | safeHTML }}
-
 <!-- Custom stylesheet - for your changes -->
 <link rel="preload" href="{{ "css/custom.css" | absURL }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
 <link rel="shortcut icon" href="{{ "img/favicon.png" | absURL }}">
 {{ with .OutputFormats.Get "RSS" }}
   {{ printf `<link href="%s" rel="%s" type="%s" title="%s" />` .Permalink .Rel .MediaType.Type $.Site.Title | safeHTML }}
 {{ end }}
-<script async src="https://track.jamesflare.com/script.js" data-website-id="226742b8-6efb-4be9-8f8f-d297df42401c"></script>
+<script async src="https://track.jamesflare.com/script.js" data-website-id="226742b8-6efb-4be9-8f8f-d297df42401c"></script>
+<link rel="preload" href="https://artalk.jamesflare.com/dist/Artalk.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
+<link rel="preload" href="https://artalk.jamesflare.com/dist/Artalk.js" as="script">

layouts/shortcodes/comments.html

@@ -1,5 +1,4 @@
-<link href="https://artalk.jamesflare.com/dist/Artalk.css" rel="stylesheet">
+<script src="https://artalk.jamesflare.com/dist/Artalk.js" defer></script>
-<script src="https://artalk.jamesflare.com/dist/Artalk.js"></script>
 
 <div id="artalk"></div>
 <script>