Flux RSS
Adifco sur Facebook
Adifco sur Twitter
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.
