diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index e921894..630f504 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -3,16 +3,33 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 
 <!-- ============ import common css ========== -->
-<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" 
+<link rel="preload" 
+    href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" 
+    as="style"
+    onload="this.onload=null;this.rel='stylesheet'"
     integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" 
-    crossorigin="anonymous">
+    crossorigin="anonymous"
+>
+<noscript>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" 
+    integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" 
+    crossorigin="anonymous"
+    as="style">
+</noscript>
 
-<link rel="stylesheet" href="/assets/css/style.css" />
-<link rel="stylesheet" href="/assets/css/navbar.css" />
+<link rel="preload" href="/assets/css/style.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
+<noscript><link rel="stylesheet" href="/assets/css/style.css"></noscript>
 
+<link rel="preload" href="/assets/css/navbar.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
+<noscript><link rel="stylesheet" href="/assets/css/navbar.css"></noscript>
 <!--=================== cdn ==============================-->
-<link href="https://fonts.googleapis.com/css2?family=Muli:wght@300;400;500;600&display=swap" rel="stylesheet">
-<link rel="stylesheet" href="/assets/css/fontello.css" />
+
+<link rel="preload" href="https://fonts.googleapis.com/css2?family=Muli:wght@300;400;500;600" as="style" onload="this.onload=null;this.rel='stylesheet'">
+<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Muli:wght@300;400;500;600"></noscript>
+
+
+<link rel="preload" href="/assets/css/fontello.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
+<noscript><link rel="stylesheet" href="/assets/css/fontello.css"></noscript>
 
 <!--================= fab-icon =========================-->
 <!-- <link rel="icon" type="image/png" href="/assets/images/logo-inverted.png" /> -->
diff --git a/static/assets/css/fontello.css b/static/assets/css/fontello.css
index 62fefb0..77635f5 100644
--- a/static/assets/css/fontello.css
+++ b/static/assets/css/fontello.css
@@ -7,7 +7,7 @@
          url('../font/fontello.ttf?91505657') format('truetype'),
          url('../font/fontello.svg?91505657#fontello') format('svg');
     font-weight: normal;
-    font-style: normal;
+    font-style: swap;
   }
   /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
   /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */