[RÉGLÉ] chargement des images en dessous de la ligne de flotaison

[fabvincent]

Salut, dans le cours d'optimisation de pages web, je passe régulièrement sur des analystes type google page speed... Quasiment tous me suggèrent fortement de différer le chargement d'images en dessous de la ligne de flotaison... Pas de soucis à comprendre pourquoi mais comment oblige-t-on les éléments en dessous de ligne de flotaison à un lazyload ou décallé en tous cas sous joomla?

[manu93fr]

Bonsoir, tu as une référence d'article qui explique ça ?
Mise à part afficher du texte avant un gros slideshow qui prend tout l'espace du début de la page par exemple ... je ne vois pas l'intérêt ... mais je peux me tromper

[pmleconte]

Bonjour,

J'utilise Lazy Load de Kubik Rubik https://kubik-rubik.de/llfj-lazy-load-for-joomla. Cela fonctionne bien sur les sites type "One Page" ou avec Parallax.

Au niveau du fonctionnement, cela remplace les images non encore visibles par une image vide et l'image réelle n'est chargée qu'au défillement.

Pour GTMetrix, on gagne pas mal en taille de chargement.

Pascal

[fabvincent]

Merci pm, en effet, cela me permet de gagner 1% gtmetrix. version pro plus efficace que version gratuite, je me doute que oui mais dans quelle mesure?
+ c'est quoi le truc entre gtmetrix, google Page Speed et autres? Alors que j'obtiens un 87% sur gtmetrix, je peux tomber à 26% sur la meme page en google page Speed?...

[manu93fr]

Bonjour,

+ c'est quoi le truc entre gtmetrix, google Page Speed et autres? Alors que j'obtiens un 87% sur gtmetrix, je peux tomber à 26% sur la meme page en google page Speed?...

Heu .. t'es sur là .... qu'il y ai un écart c'est normal vu que ce ne sont pas les mêmes outils mais un tel écart ??? Y a un souci ...

Tu as une url a nous donner ?

[fabvincent]

Salut Manu, je te garantie que c'était le cas. J'ai installé le plugin lazyload et l'ai couplé avec JCH Optimize, et bim! Avec un brin de paramétrage, je suis regrimpé à un 92% partout. Je pèche encore un peu au niveau mobile sur pageSpeed, mais bon j'y travaille.
J'étais déja passé par JCH il y a un petit moment et le plug in m'avait soulé mais là, je dois bien dire que c'est efficace, meme avec la version de base.

[manu93fr]

Perso, pas besoin de multiplier les plugins ou autres .... s'il y a des soucis, analyse d'abord ton site web ... tu as peux être chargé trop d'images volumineuses ou des css et JS dans tous les sens .... il y a aussi la rapidité du serveur (donc lié a l'hébergement)
Mais sans url je ne fais QUE supposer

[woluweb]

Concernant le Lazy Loading, vous aurez peut-être vu qu'à partir de sa version 76 (au départ c'était prévu pour la 75), Google Chrome intègre d'office le Lazy Loading pour les images et les iframes :

https://chromestatus.com/feature/5645767347798016