preload background images used in main css file

Author: yani

views/core/_base.html.twig

@@ -18,6 +18,14 @@
         {# Theme color (for shortcuts backgrounds) #}
         <meta name="theme-color" content="#131313" />
 
+        {# Preload assets #}
+        {# - Images loaded in CSS files require the CSS file to be fully parsed. This preloads those images. #}
+        <link rel="preload" as="image" href="/img/bg.png" />
+        <link rel="preload" as="image" href="/img/bg-button-red.png" />
+        <link rel="preload" as="image" href="/img/bg-button.png" />
+        <link rel="preload" as="image" href="/img/bg-gray.png" />
+        <link rel="preload" as="image" href="/img/bg-black.png" />
+
         {# Bootstrap core CSS #}
         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">