Eliminate render-blocking resources (#220)

eddiesigner · Jul 6, 2020 · 7ce1fac · 7ce1fac
1 parent cd14b23
commit 7ce1fac
Show file tree

Hide file tree

Showing 10 changed files with 11 additions and 11 deletions.
diff --git a/author.hbs b/author.hbs
@@ -4,7 +4,7 @@ This template is used for the author page.
 
 {{!-- This block loads specific styles for the author page --}}
 {{#contentFor "styles"}}
-  <link rel="stylesheet" type="text/css" href="{{asset "css/listing.css"}}" media="screen" />
+  <link rel="stylesheet" type="text/css" href="{{asset "css/listing.css"}}" media="screen" rel="preload" as="style" />
 {{/contentFor}}
 
 {{!-- The tag below means: insert everything in this file

diff --git a/default.hbs b/default.hbs
@@ -25,7 +25,7 @@
         font-display: swap;
       }
     </style>
-    <link rel="stylesheet" type="text/css" href="{{asset "css/app.css"}}" media="screen" />
+    <link rel="stylesheet" type="text/css" href="{{asset "css/app.css"}}" media="screen" rel="preload" as="style" />
 
     {{!-- This #block helper will inject a stylesheet for a specific page --}}
     {{{block "styles"}}}

diff --git a/error-404.hbs b/error-404.hbs
@@ -4,7 +4,7 @@ This error template is used for all 404 errors, which might occur on your site.
 
 {{!-- This block loads specific styles for the 404 page --}}
 {{#contentFor "styles"}}
-  <link rel="stylesheet" type="text/css" href="{{asset "css/404.css"}}" media="screen" />
+  <link rel="stylesheet" type="text/css" href="{{asset "css/404.css"}}" media="screen" rel="preload" as="style" />
 {{/contentFor}}
 
 {{!-- The tag below means: insert everything in this file

diff --git a/index.hbs b/index.hbs
@@ -5,8 +5,8 @@ It can be used also as the home page or the default page.
 
 {{!-- This block loads specific styles for the index page --}}
 {{#contentFor "styles"}}
-  <link rel="stylesheet" type="text/css" href="{{asset "css/home.css"}}" media="screen" />
-  <link rel="stylesheet" type="text/css" href="{{asset "css/listing.css"}}" media="screen" />
+  <link rel="stylesheet" type="text/css" href="{{asset "css/home.css"}}" media="screen" rel="preload" as="style" />
+  <link rel="stylesheet" type="text/css" href="{{asset "css/listing.css"}}" media="screen" rel="preload" as="style" />
 {{/contentFor}}
 
 {{!-- The tag below means: insert everything in this file

diff --git a/page-authors.hbs b/page-authors.hbs
@@ -5,7 +5,7 @@ You must first create a page called Authors in the dashboard to enable it.
 
 {{!-- This block loads specific styles for the authors page --}}
 {{#contentFor "styles"}}
-  <link rel="stylesheet" type="text/css" href="{{asset "css/listing.css"}}" media="screen" />
+  <link rel="stylesheet" type="text/css" href="{{asset "css/listing.css"}}" media="screen" rel="preload" as="style" />
 {{/contentFor}}
 
 {{!-- The tag below means: insert everything in this file

diff --git a/page-newsletter.hbs b/page-newsletter.hbs
@@ -4,7 +4,7 @@ This template is used for the subscription page.
 
 {{!-- This block loads specific styles for the newsletter page --}}
 {{#contentFor "styles"}}
-  <link rel="stylesheet" type="text/css" href="{{asset "css/newsletter.css"}}" media="screen" />
+  <link rel="stylesheet" type="text/css" href="{{asset "css/newsletter.css"}}" media="screen" rel="preload" as="style" />
 {{/contentFor}}
 
 {{!-- The tag below means: insert everything in this file

diff --git a/page.hbs b/page.hbs
@@ -4,7 +4,7 @@ This template is used for the posts that are marked as pages.
 
 {{!-- This block loads specific styles for the post page --}}
 {{#contentFor "styles"}}
-  <link rel="stylesheet" type="text/css" href="{{asset "css/post.css"}}" media="screen" />
+  <link rel="stylesheet" type="text/css" href="{{asset "css/post.css"}}" media="screen" rel="preload" as="style" />
 {{/contentFor}}
 
 {{!-- The tag below means: insert everything in this file

diff --git a/post.hbs b/post.hbs
@@ -4,7 +4,7 @@ This template is used for the post page.
 
 {{!-- This block loads specific styles for the post page --}}
 {{#contentFor "styles"}}
-  <link rel="stylesheet" type="text/css" href="{{asset "css/post.css"}}" media="screen" />
+  <link rel="stylesheet" type="text/css" href="{{asset "css/post.css"}}" media="screen" rel="preload" as="style" />
 {{/contentFor}}
 
 {{!-- The tag below means: insert everything in this file

diff --git a/subscribe.hbs b/subscribe.hbs
@@ -4,7 +4,7 @@ This template is used for the subscription page.
 
 {{!-- This block loads specific styles for the newsletter page --}}
 {{#contentFor "styles"}}
-  <link rel="stylesheet" type="text/css" href="{{asset "css/newsletter.css"}}" media="screen" />
+  <link rel="stylesheet" type="text/css" href="{{asset "css/newsletter.css"}}" media="screen" rel="preload" as="style" />
 {{/contentFor}}
 
 {{!-- The tag below means: insert everything in this file

diff --git a/tag.hbs b/tag.hbs
@@ -4,7 +4,7 @@ This template is used for the tag page.
 
 {{!-- This block loads specific styles for the tag page --}}
 {{#contentFor "styles"}}
-  <link rel="stylesheet" type="text/css" href="{{asset "css/listing.css"}}" media="screen" />
+  <link rel="stylesheet" type="text/css" href="{{asset "css/listing.css"}}" media="screen" rel="preload" as="style" />
 {{/contentFor}}
 
 {{!-- The tag below means: insert everything in this file