css load optimisation

Author: vjdhama

layouts/_default/baseof.html

@@ -6,7 +6,8 @@
   <meta http-equiv="x-ua-compatible" content="ie=edge">
   <meta name="keywords" content="{{ .Site.Params.seo.meta_keywords }}">
   <title>{{ block "title" . }}{{ .Params.meta_title | default (printf "%s - %s" .Title .Site.Title) }}{{ end }}</title>
-  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" media="print" onload="this.media='all'">
+  <noscript><link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"></noscript>
   <link rel="canonical" href="https://www.infraspec.dev/" />
   <meta name="description" content="{{ .Params.meta_description | default .Site.Params.seo.meta_description }}">
   <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -26,7 +27,8 @@
   <link rel="stylesheet" href="{{ $style.RelPermalink }}">
 
   <!-- Swiper CSS -->
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" media="print" onload="this.media='all'">
+  <noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"></noscript>
 
   {{ block "header_css" . }}{{ end }}