Serve images in next-gen formats

Serve images in next-gen formats et Efficiently encode images comment résoudre le problème et optimiser sa performance web

Serve images in next-gen formats

Comment optimiser les images pour le Web et la performance

Opportunités  Ces suggestions peuvent accélérer le chargement de votre page

1. Ajouter dans le < head > de toutes les pages HTML


< script src="https://cdn.eurowebpage.com/dist/imgoptimiz/load.js" ></script >
< script src="https://cdn.eurowebpage.com/dist/imgoptimiz/lazysizes.min.js" async > </script > 
< script src="https://cdn.eurowebpage.com/dist/imgoptimiz/ls.unload.min.js" async > </script >

2. Exemple dans mon cas

2.1  J'ai remplacer le code ci-dessous


< img src="https://cdn.eurowebpage.com/img/eurowebpage.com/img//think/20200412112324-logo-think-png-blanc-300.png" height="75" alt="eurowebpage think" title="eurowebpage think" />

2.2  Remplacer par


< img data-src="https://cdn.eurowebpage.com/img/eurowebpage.com/img//think/20200412112324-logo-think-png-blanc-300.png" class="lazyload" height="75" alt="eurowebpage think" title="eurowebpage think" />

Voir sur https://domain.eurowebpage.com/domains