Merge pull request #5687 from betagouv/faster_homepage

Faster homepage

app/assets/stylesheets/new_design/fonts.scss

@@ -1,20 +1,23 @@
 @font-face {
   font-family: "Muli";
-  src: asset-url("Muli-Regular.woff") format("woff");
+  src: asset-url("Muli-Regular.woff2") format("woff2"),
+        asset-url("Muli-Regular.woff") format("woff");
   font-weight: normal;
   font-style: normal;
 }
 
 @font-face {
   font-family: "Muli";
-  src: asset-url("Muli-Bold.woff") format("woff");
+  src: asset-url("Muli-Bold.woff2") format("woff2"),
+        asset-url("Muli-Bold.woff") format("woff");
   font-weight: bold;
   font-style: normal;
 }
 
 @font-face {
   font-family: "Muli";
-  src: asset-url("Muli-Italic.woff") format("woff");
+  src: asset-url("Muli-Italic.woff2") format("woff2"),
+        asset-url("Muli-Italic.woff") format("woff");
   font-weight: normal;
   font-style: italic;
 }

app/assets/stylesheets/new_design/new_footer.scss

@@ -61,7 +61,6 @@ footer {
 }
 
 .footer-text {
-  font-style: italic;
   margin-bottom: 14px;
 }
 
@@ -70,10 +69,10 @@ footer {
 }
 
 .footer-logo-dinum {
-  @include ie-compatible-background-image("footer/logo-dinum.svg");
+  @include ie-compatible-background-image("footer/logo-dinum.png");
 
-  height: 104px;
-  width: 90px;
+  height: 150px;
+  width: 202px;
   margin-bottom: 14px;
 }
 

app/views/layouts/_new_header.haml

@@ -20,7 +20,7 @@
       - else
         - root_profile_link, root_profile_libelle = root_path_info_for_profile(nav_bar_profile)
         = link_to root_profile_link, class: 'header-logo justify-center', title: root_profile_libelle do
-          = image_tag 'marianne.svg', alt: 'Liberté, égalité, fraternité', width: '65'
+          = image_tag 'marianne.png', alt: 'Liberté, égalité, fraternité', width: '65', height: 56, loading: 'lazy'
           %span.big.site-title>
             = APPLICATION_NAME
           %span.small.site-title>

app/views/layouts/application.html.haml

@@ -16,9 +16,8 @@
     - packs = ['application', 'track', administrateur_signed_in? ? 'track-admin' : nil].compact
     = javascript_packs_with_chunks_tag *packs, defer: true
 
-    = preload_link_tag(asset_url("Muli-Regular.woff"))
-    = preload_link_tag(asset_url("Muli-Bold.woff"))
-    = preload_link_tag(asset_url("Muli-Italic.woff"))
+    = preload_link_tag(asset_url("Muli-Regular.woff2"))
+    = preload_link_tag(asset_url("Muli-Bold.woff2"))
 
     = stylesheet_link_tag 'new_design/new_application', media: 'all'
     = stylesheet_link_tag 'new_design/print', media: 'print'

app/views/root/landing.html.haml

@@ -14,13 +14,13 @@
             %em.hero-tagline-em en ligne
 
         .hero-illustration
-          %img{ :src => image_url("landing/hero/dematerialiser.svg"), alt: '' }
+          %img{ :src => image_url("landing/hero/dematerialiser.svg"), alt: '', width: 499, height: 280, loading: 'lazy' }
 
   .landing-panel.usagers-panel
     .container
       .role-panel-wrapper
         .role-panel-30.role-usagers-image
-          %img.role-image{ :src => image_url("landing/roles/usagers.svg"), alt: '' }
+          %img.role-image{ :src => image_url("landing/roles/usagers.svg"), alt: '', width: 176, height: 180, loading: 'lazy' }
 
         .role-panel-70
           %h2.role-panel-title Vous souhaitez effectuer une demande auprès d'une administration ?