Quand une page est-elle considérée chargée par les moteurs de recherche afin que je puisse l'améliorer sans pénalité de vitesse de page?
Je travaille sur un site Web qui contient des images de haute qualité qui doivent être chargées. Bien entendu, mon objectif est de faire en sorte que le site se charge le plus rapidement possible afin de ne pas ralentir l'expérience utilisateur et de ne pas me laisser influencer par le classement des pages pour être un site Web à chargement lent.
J'aimerais commencer par charger une version basse qualité des images pour que la page se charge rapidement, puis les améliorer avec une deuxième vague de téléchargements utilisant JavaScript une fois la page complètement chargée.
Je sais que je peux détecter le chargement de la page à l'aide de jQuery ready (), mais je veux m'assurer que Google considère la page chargée avant de commencer à améliorer les choses. Je crains que, si je continue d'ajouter du contenu avec ready (), Google pense que le chargement de la page est toujours en cours et me pénalise pour une page de chargement lent.
Une autre façon de poser cette question est donc la suivante: "Quand Google considère-t-il que la page est chargée et quand puis-je commencer à ajouter d'autres éléments sans que Google pense que cela fait toujours partie du chargement initial de la page?"
Si vous voulez savoir quand la page est complètement chargée, vous devez utiliser l'événement window.onload (ou $(window).load()), et non l'événement $(document).ready() de jQuery.
$(document).ready() est déclenché dès que le téléchargement du document HTML est terminé et que le DOM est prêt. Mais le chargement des images et des autres ressources n'est pas terminé à ce stade.
Si vous souhaitez savoir comment Google voit les performances de votre page, PageSpeed Insights est un bon point de départ. PageSpeed mesure le temps de chargement de votre page à partir de la demande initiale jusqu'à la fin du chargement de la dernière ressource intégrée (JS, CSS, images, etc.).
C'est donc essentiellement quand $(window).load() est déclenché.