From 41de9136690ee5f7127fda0d350052e4329b6823 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Th=C3=A9o=20Lebrun?= <theo.lebrun@bootlin.com>
Date: Wed, 6 Nov 2024 15:01:32 +0100
Subject: [PATCH] templates/layout.html: add preload links for CSS resources
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Tell to browsers the resources we will need, as soon as possible. This
means they do not need to fully download our CSS to know what they
should load next.

For some reason, crossorigin is required on fonts to avoid them being
loaded twice by Firefox.

Signed-off-by: Théo Lebrun <theo.lebrun@bootlin.com>
---
 templates/layout.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/templates/layout.html b/templates/layout.html
index afca060..aa58ab9 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -17,6 +17,14 @@
         <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1" />
         <link rel="stylesheet" href="/static/style.css?v=13">
 
+        <link rel="preload" href="/static/img/2penguins.svg" as="image" />
+        <link rel="preload" href="/static/img/arrow-dropdown-16.svg" as="image" />
+
+        <link rel="preload" crossorigin href="/static/fonts/lxr.ttf" as="font" />
+        <link rel="preload" crossorigin href="/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-regular.woff2" as="font" />
+        <link rel="preload" crossorigin href="/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-700.woff2" as="font" />
+        <link rel="preload" crossorigin href="/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-italic.woff2" as="font" />
+
         <script>
             document.documentElement.classList.remove('no-js');
             document.documentElement.classList.add('js');