Improved logo performance

Server/app/svelte/src/navbar/navbar-logged.svelte

@@ -101,7 +101,11 @@
             <label id="hamb" for="side-menu"><span id="hamb-line"></span></label>
             <!-- Logo -->
             <a id=logo-container href={"/" + locale + "/"}>
-                <img src="/img/common/flag.png" id="navbar-logo" alt="logo">
+                <picture>
+                    <source srcset="/img/common/flag.webp">
+                    <source srcset="/img/common/flag.png">
+                    <img id="navbar-logo" alt="logo">
+                </picture>
                 <span bind:this={logoText} id="navbar-logo-text" >{@html $content.orgName}</span>
             </a>
             <!-- Menu -->

Server/config/libsoc.org.conf

@@ -6,6 +6,13 @@ server {
 
     add_header alt-svc 'h3=":443"; ma=2592000, h3-23=":443"; ma=86400, h3-29=":443"; ma=2592000';
     add_header Strict-Transport-Security "max-age=63072000; includeSubdomains; preload";
+
+    gzip on;
+    gunzip on;
+    gzip_types      text/plain application/javascript application/x-javascript text/javascript text/xml text/css;
+    gzip_proxied    no-cache no-store private expired auth;
+    gzip_min_length 1000;
+
     
     location ~* \.(?:ico|gif|jpe?g|png|svg|webp)$ {
         expires 1d;

Server/public/css/common.css

@@ -60,9 +60,11 @@ body {
     font-style: normal;  
     font-display: swap;
     src: 
-        url('/fonts/LoraSerif/Lora-Regular.ttf') format('ttf'),
-        url('/fonts/LoraSerif/Lora-Regular.woff') format('woff'),
-        url('/fonts/LoraSerif/Lora-Regular.woff2') format('woff');
+    url('/fonts/LoraSerif/Lora-Regular.woff2') format('woff'),
+    url('/fonts/LoraSerif/Lora-Regular.woff') format('woff'),
+        url('/fonts/LoraSerif/Lora-Regular.ttf') format('ttf');
+        
+        
 }
 
 .serif {