google-chrome« Google Chrome est un navigateur qui associe une interface très simple à une technologie sophistiquée afin que vous puissiez surfer sur Internet plus vite, plus facilement et en toute sécurité. » : voilà le pitch de Google pour nous présenter son navigateur maison.

Les équipes de Google ont concocté un navigateur au premier abord minimaliste mais en regardant de plus près on découvre un outil qui s’enrichi au fur et à mesure des mises à jour.

En faisant un clic droit sur une page et en sélectionnant « Inspecter l’élément », vous accéder à des outils pour webmaster très utiles.

Premier onglet disponible : « Eléments » permet de visualiser le code source de la page et la feuille de style associée. On bénéficie de la coloration syntaxique pour bien visualiser les différents éléments de la structure HTML. Sur la partie droite de l’écran s’affiche en parallèle les informations CSS de mise en forme. Chrome effectue un audit du code source de la page et affiche le nombre d’erreurs et de warnings rencontrés dans cette page.

google-chrome-inspector-code

Dans le second onglet : « Ressources » permet d’auditer le temps de chargement de la page et donne des indications sur le temps nécessaire pour afficher les différents éléments constituant la page à charger (html, js, css, …). L’affichage en mode graphique (plutôt réussi) permet de voir quels sont les éléments qui pénalisent le temps de chargement. On peut visualiser et repérer rapidement les goulots d’étranglement en auditant le poids et le temps de chargement de chaque fichier analysé.

google-chrome-ressources-code

Comme à son habitude Google a su ajouter à son navigateur un petit plus destiné aux webmasters. Graphiquement très réussi, Inspector est livré d’origine avec Chrome et contrairement à Firefox, il n’est pas nécessaire d’installer un plugin pour bénéficier de cet outil d’audit de page.