L'ajout d'images d'arrière-plan à l'aide de JavaScript améliorera-t-il le référencement?
J'ai lu que Google classe les sites dont le rendu est plus rapide que les plus lents. Sera-t-il avantageux d’ajouter des images d’arrière-plan à l’aide de JavaScript afin d’obtenir la page "chargée" plus rapidement?
Je vois plusieurs options ici:
- Oui.
- Non. Google ignore quand même le temps nécessaire au chargement des images.
- Non, Google vérifie JavaScript (ou au moins ceux exécutés au chargement ou sur une minuterie depuis le chargement).
- Extra-No. Google pourrait même pénaliser le site pour avoir tenté de les tromper.
- Cela dépend/Personne ne sait/etc.
C'est lequel alors?
J'ai vu beaucoup de questions "similaires", mais elles semblent toutes avoir des balises img. Je parle de divs qui ont un simple arrière-plan de couleur, qui sera remplacé par une image. Le site est entièrement opérationnel sans ces images. Ils sont décoratifs seulement.
SEO-sage, non. La vitesse est un très petit facteur de classement, donc à moins que votre temps de chargement actuel soit supérieur à 20 secondes, cela ne fera aucune différence.
Pour vos visiteurs, cependant, c'est un objectif louable. Les temps de chargement lents peuvent amener les utilisateurs à aller ailleurs.
En ce qui concerne votre méthode spécifique, cela augmentera la vitesse, mais seulement si vous le faites de manière non bloquante, par ex. chargez les images après window.onload. De cette façon, toute la page peut être chargée et utilisable pendant le chargement des images. Assurez-vous de spécifier la largeur/hauteur des images afin que vous ne receviez pas de "repeintes" (changements de disposition janky) lors du chargement des images.
Dans la récente Hangar officiel Google pour les webmasters , a déclaré John Muller, la vitesse est un facteur de classement, mais les gens pensent souvent que s'ils augmentent leur temps de vitesse de chargement de 2 secondes: 200 ms à 2 secondes: 100 ms, cela leur donnera un créneau de rang supérieur au précédent, mais ce n’est pas vrai.
Ils n'ont pas révélé ce que devrait être la vitesse de chargement optimale d'une page Web, ils ont simplement indiqué que si cela prend 10 secondes pour charger Googlebot (Googlebot est vraiment plus rapide que notre vitesse normale de notre fournisseur de services Internet), alors cela pourrait être mauvais pour le référencement.
Selon mon opinion personnelle, ils pourraient utiliser une sorte de tableau pour donner une valeur différente pour une vitesse de page Web particulière, par exemple, une page chargée de 100 ms à 200 ms donne une valeur X, et une page chargée de 200 ms à 300 ms donne une valeur inférieure à X et ainsi de suite ... Je ne suis pas sûr à 100%, mais c'est ce qui me semble logique après avoir lu/regardé de nombreux articles et vidéos officiels.
Il n'y a rien de tel que vous faites les tromper en rendant ce contenu après quelques secondes. Mais le navigateur et Googlebot pourraient déjà télécharger toutes les ressources qui l'utiliseront plus tard . Donc, cela dépend purement de la façon dont vous allez utiliser ces images avec JavaScript. Ouvrez donc simplement chromedev tools et vérifiez vous-même comment votre JavaScript est rendu par navigateur. Googlebot effectuera également ce rendu, car il utilise également un type de Webkit similaire pour le rendu de pages Web.
Et une dernière remarque, il est recommandé de charger votre contenu important d’abord sans attendre le chargement d’autres ressources. Par exemple, pour certains contenus, vous pouvez utiliser css en interne (par exemple, la taille du contenu de votre corps, la largeur de la barre latérale, la largeur de l’image, etc.). donc le navigateur n’a pas besoin de repeindre la même chose plus tard) et de charger le reste de choses (comme les images backgrond, les fichiers css supplémentaires et javascript) de manière asynchrone.