add dimensions to img tag to avoid reflow, add loading: lazy to avoid blocking

This commit is contained in:
simon lehericey 2020-10-10 21:33:58 +02:00
parent b3a4192337
commit 3c0c829a29
2 changed files with 3 additions and 3 deletions

View file

@ -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.svg', alt: 'Liberté, égalité, fraternité', width: '65', height: 56, loading: 'lazy'
%span.big.site-title>
= APPLICATION_NAME
%span.small.site-title>

View file

@ -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 ?