From 2cbdd4366005b47525d50cb83ec89d9b9ca4ee85 Mon Sep 17 00:00:00 2001
From: Eliseu Amaro <mail@eliseuama.ro>
Date: Wed, 15 Sep 2021 00:20:41 +0100
Subject: [PATCH] [TWIG][BASE] Using preload for main stylesheets. This ensures
 they are available earlier and are less likely to block the page's render,
 improving performance.

---
 templates/base.html.twig | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/templates/base.html.twig b/templates/base.html.twig
index 568124f79e..5135705cfc 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -12,7 +12,10 @@
     </title>
 
     {% block stylesheets %}
-        <link rel='stylesheet' type='text/css' href="{{ asset('assets/css/reset.css') }}">
+        <link rel="preload" href="{{ asset('assets/css/reset.css') }}" as="style" type="text/css">
+        <link rel="stylesheet" href="{{ asset('assets/css/reset.css') }}">
+
+        <link rel="preload" href="{{ asset('assets/css/base.css') }}" as="style" type="text/css">
         <link rel='stylesheet' type='text/css' href="{{ asset('assets/css/base.css') }}">
 
         {% for stylesheet in show_stylesheets() %}