Ne pas charger les images qui ne sont pas encore dans l’image
Senior SEO-specialist
Un site web contenant beaucoup d’images peut se charger plus lentement. Vous serez alors confronté à des images de charge qui ne sont pas encore visibles. Qu’en est-il des images de charge qui ne sont pas encore visibles et comment résoudre ce problème ? Nous vous l’expliquons sur cette page.
Qu’est-ce que le chargement des images qui ne sont pas encore visibles ?
Ne pas charger les images qui ne sont pas encore affichées, c’est lorsque vous avez plusieurs images sur une page, mais qu’une seule d’entre elles est affichée dès le chargement de la page. Vous ne verrez pas la page tant que toutes les autres images n’auront pas été chargées.
Chargement plus rapide des images grâce au lazy loading
Il existe une solution pratique pour ne pas charger les images qui ne sont pas encore visibles : le principe du chargement paresseux. Dans ce cas, une image ne se charge que lorsqu’elle est presque visible. Le premier rendu est donc beaucoup plus rapide. Ce chargement paresseux est déjà activé par défaut sur Wix et WordPress, entre autres.
Vous pouvez obtenir des recommandations sur le chargement des images en utilisant Google pageSpeed Insights.
Impact du chargement d’images qui ne sont pas encore visibles sur le référencement
Ne pas charger des images qui ne sont pas encore visibles a, d’une certaine manière, un impact sur le référencement d’un site web ou d’une page. Le non-chargement des images prend beaucoup de temps, ce qui n’est pas agréable pour le visiteur d’un site web. En outre, cela a également un impact sur l’optimisation des moteurs de recherche, car ces derniers tiennent de plus en plus compte de l’expérience de l’utilisateur sur un site web et de la vitesse de ce dernier dans leur évaluation. En tant que tel, il affecte également son classement dans les résultats de recherche.
Mes conseils
Nous recommandons de trouver une solution au problème Ne pas charger les images qui ne sont pas encore visibles. L’un des moyens d’y parvenir est le chargement paresseux (lazy loading). En outre, l’utilisation de Google pageSpeed Insights est également un moyen intelligent d’obtenir plus d’informations sur le contenu de votre page web. Une bonne analyse vous permet de procéder aux ajustements nécessaires.
Le livre le plus complet sur la vitesse des sites web
J’ai tellement écrit sur l’accélération des sites web et sur tout ce qui s’y rapporte que j’aime diviser mes articles en différentes sections : généralités, outils, points d’amélioration de la vitesse et conseils. N’hésitez pas à consulter tous les liens ci-dessous pour en savoir plus sur les outils et les conseils permettant d’accélérer votre site web.
Général
- Quelle est la vitesse du site web ?
- Vitesse du site web : la division entre le marketing et le développement
- L’influence du SEO sur l’UX
- L’influence de la conception des sites web sur le référencement
- SPAs et SEO
- Qu’est-ce que l’indice Google Core Web Vitals ?
Outils
Amélioration de la vitesse
- Première peinture de contenu (FCP)
- Temps au premier octet (TTFB)
- Temps d’interaction (TTI)
- Image pour Largest view with content (LCP) preloaded (Vue la plus large avec contenu préchargé)
- Activer la compression de texte
- Réduire le CSS
- Temps de blocage total (TBT)
- Indice de vitesse
- Réduire JavaScript
- Le plus grand tableau de contenu
- Éviter les DOM excessifs
- Supprimer les feuilles de style CSS inutilisées
- Supprimer les JavaScript inutilisés
- Fournir des images dans des mises en page modernes
- Se connecter à l’avance aux origines requises
- Empêcher la diffusion de JavaScript obsolète dans les navigateurs modernes
- Utiliser une politique de cache efficace pour les éléments statiques
- Supprimer les modules dupliqués de JavaScript
- Éviter les redirections multiples
- Encoder efficacement les images
- Chargez les demandes importantes à l’avance
Conseils généraux
- Conseils pour charger rapidement une vidéo
- Utiliser Edge SEO pour un site web plus rapide
- Installer un réseau de diffusion de contenu pour le référencement
- Optimiser les images pour le référencement
- L’impact de l’hébergement sur le référencement
Questions fréquemment posées
Que signifie « Ne pas charger les images qui ne sont pas encore dans l’image » ?
« Ne pas charger les images qui ne sont pas encore visibles » est une recommandation de Google PageSpeed Insights, si vous avez plusieurs images sur votre page web, qui ne sont pas toutes visibles immédiatement lors du chargement de la page web. Le visiteur ne verra pas la page complète tant que toutes les images n’auront pas été chargées. Le principe de chargement paresseux, selon lequel une image n’est pas chargée tant qu’elle n’est pas presque visible, permet d’éviter ce problème. Un système de gestion de contenu (CMS) comme WordPress l’utilise déjà par défaut.
Quel est l’impact de « Ne pas charger les images qui ne sont pas encore visibles sur le référencement » ?
La mention « Ne pas charger les images qui ne sont pas encore visibles » a un certain impact sur le référencement. En effet, cela prend du temps et réduit l’expérience de l’utilisateur. Cela peut entraîner un classement inférieur dans les résultats de recherche.
