Utiliser page speed : optimiser le rendu de la page par le navigateur

Page speed est un nouveau service / extension de Google, qui nous donne des informations relatives à la vitesse avec laquelle notre serveur fournit les pages à nos visiteurs. Soucieux d’une web agile, rapide et de qualité, Google nous donne des conseils pour améliorer les performances de notre site dans ce sens.

Optimisation du rendu par le navigateur

Utiliser des sélecteurs CSS efficients
Les navigateurs lors du chargement d’une page, élaborent l’arbre DOM du document. Pour chaque élément de l’arbre, ils essaient de trouver une règle CSS applicable d’entre les styles qui ont été chargés. Google considère inefficaces les règles redondantes ou trop générales, car le navigateur perd trop de temps à les évaluer. Par exemple :

body ul li a
h2#menu

Les conseils donnés sont:

  • Éviter le sélecteur universel
  • Faites des règles aussi spécifiques que possible (le meilleur reste les #id)
  • Enlevez les sélecteurs redondants
  • Évitez les sélecteurs descendants
Evitez les expressions CSS
A la limite servez vous du javascript pur pour faire les mêmes fonctions
Mettez les CSS dans le head du document.
Utilisez les balises link et style, pas @import.
Spécifiez les dimensions des images
Si l’on donne les dimensions des images, le navigateur pourra faire la place pour les images qui n’ont pas encore été téléchargées, sans avoir à faire un nouveau calcul de taille au moment où il la récupère.

Voilà, pour ce qui est de l’optimisation du rendu pour le référencement.

Laissez nous un commentaire ou posez votre question

Current day month ye@r *