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 - else
- root_profile_link, root_profile_libelle = root_path_info_for_profile(nav_bar_profile) - 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 = 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> %span.big.site-title>
= APPLICATION_NAME = APPLICATION_NAME
%span.small.site-title> %span.small.site-title>

View file

@ -14,13 +14,13 @@
%em.hero-tagline-em en ligne %em.hero-tagline-em en ligne
.hero-illustration .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 .landing-panel.usagers-panel
.container .container
.role-panel-wrapper .role-panel-wrapper
.role-panel-30.role-usagers-image .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 .role-panel-70
%h2.role-panel-title Vous souhaitez effectuer une demande auprès d'une administration ? %h2.role-panel-title Vous souhaitez effectuer une demande auprès d'une administration ?