Optimiser le chargement de vos sites avec Page Speed sur Google Chrome

Publié le 23 mars 2011 par Dictege
L’extension de Google, permettant aux développeurs d’optimiser les sites internet, Page Speed vient est enfin disponible sur le navigateur Google Chrome. Pour rappel, Google avait créé cette extension sur Firefox pour concurrencer YSlow de Yahoo. L’histoire se répète, en effet Yslow est disponible depuis seulement quelques jours sur Chrome et voici donc Google qui réagit en lâchant son outil Page Speed.La vitesse d’affichage des pages d’un site web n’a pas seulement une influence sur le référencement d’un site. En effet, cette vitesse joue un rôle important sur le ressenti d’un site internet (un site d’ecommerce en particulier) par son lecteur ou acheteur. Pour vous aider à améliorer le temps de chargement de vos sites sur le poste de vos clients, Google propose un outil appelé Page Speed qui fournit de nombreuses informations sur les sources éventuelles de ralentissement d’une page affichée dans un navigateur. Elle propose également de nombreuses solutions pour corriger ses défauts.Installation de l’extentionAvant il faut activer dans chrome Experimental Extension APIs Dans un nouvel onglet entrez l’adresse suivante : about:flags Rechercher Experimental Extension APIs et activer le. Il faut ensuite redémarrer chrome avec le bouton [Redémarrer Maintenant] se trouvant en bas de page. Maintenant vous pouvez installer l’extension disponible sur le site PageSpeed de Google.Optimisation de votre siteUne fois installée, il suffit de charger la page du site à optimiser et de cliquer avec le bouton droit de la souris sur le fond de la page du site et de sélectionner [Inspecter l'élément].Une fenêtre s’ouvre affichant plusieurs onglet dont le nouveau Page Speed. Pour tester votre page il suffit de cliquer sur le bouton [Run Page Speed].Une série de test vont être lancés et vous allez obtenir une note de la qualité du codage de votre page sur 100. Ensuite juste en dessous les différents tests avec des feux de couleurs vert orange et rouge pour chacun d’entre eux. Pour obtenir des conseils ouvrer chaque test et cliquer sur [More Information][Bonne optimistation]Pour info voici le lien pour installer son concurrent Yslow.