Référencement

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.

Cet article a été publié le Mardi 8 décembre 2009 à 10:40 et est classé dans Référencement. Vous pouvez en suivre les commentaires par le biais du flux RSS 2.0. Vous pouvez laisser un commentaire, ou faire un trackback depuis votre propre site.