FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Load css with preload to not block the page initial rendering

Browse source
This commit is contained in:
Daniel Jordi 2020-07-20 15:04:17 +02:00
parent 70458fca19
commit 604cd27f80
2 changed files with 24 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

29
layouts/partials/header.html
View file

@ -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" /> -->

2
static/assets/css/fontello.css vendored
View file

@ -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 */