MEDBLOG : Actualités Geek Web 2.0 & Webdesign

Actualités Geek Web 2.0 & Webdesign

YSlow c’est une extension pour Firebug

YSlow c’est une extension pour Firebug (oui FireBug et non pas Firefox! C’est une extension d’une extension!) qui aide les développeurs à optimiser les performances des sites qu’ils développent. YSlow donne une note de A à F à une page, A étant très fort et F étant moins optimisé. Les règles d’optimisation utilisées pour décider de la note sont celles de Yahoo, développeur de l’extension. C’est un outil qui était à la base utilisé à l’interne chez Yahoo et qui est maintenant disponible au grand public.



L’évaluation :

Pour ce qui est de l’évaluation de performance, c’est une évaluation en 13 points, chaque point se voit assigner une note de A à F et un total est calculer pour le résultat final. Les points évalués sont :

  • Faire moins de requêtes HTTP.
  • Utiliser un CDN (Content Delivery Network)… Technologie réservée aux gros joueurs de l’industrie visant à offrir une connexion à un serveur géographiquement plus proche du visiteur… Google et compagnie offre ce genre de solutions.
  • Mettre une date d’expiration dans les entêtes HTTP. L’objectif étant de permettre au navigateur de mettre en mémoire cache le maximum. Dans un tel cas, si vous faites des modifications sur vos fichiers, les navigateurs ne s’en rendront pas compte ce qui implique qu’il faut ajouter une version à nos noms de fichiers Ex : styles_1.1.2.css pour que le navigateur télécharge la nouvelle version.
  • Supporter et offrir la compression Gzip pour que le serveur envoie de façon compressée les données au navigateur qui lui les décompresse.
  • Charger les feuilles de styles dans l’entête de la page… J’espère que vous aurez A pour ce point là!
  • Mettre les scripts dans le bas de la page. Le JavaScript lourd peut bloquer le rendu progressif de la page.
  • Éviter les Expressions CSS Ex : background-color: expression( (new Date()).getHours()%2 ? “#B8D4FF” : “#F08A00″ ); pour changer le fond d’écran à chaque 2 heures…
  • Mettre le CSS et le Javascript dans des fichiers externes.
  • Diminuer le temps utiliser pour les requêtes DNS… rien n’est téléchargé tant que la requête DNS n’est pas complète.
  • Compresser vos fichiers Javascript, et j’ajouterais, compresser vos fichiers CSS. C’est très mauvais pour la compréhension du code mais enlever les espaces superflus (tout mettre sur une ligne) augmente la rapidité.
  • Éviter les redirections.
  • Éviter d’inclure les mêmes fichiers externes à plusieurs reprises dans la même page…
  • Utilisation des Etags. Permet de mettre une version sur chaque élément d’une page pour faciliter l’utilisation ou non de la cache.

Plusieurs s’entendent pour dire que YSlow est un outil intéressant dont l’évaluation de la note est favorable à Yahoo. Je vois dans les 13 points des éléments intéressants à considérer et d’autres plus difficiles à atteindre. L’important à mon avis est d’être au courant de l’existence de ces éléments et de les appliquer selon nos besoins en performance et budget!

AddThis Social Bookmark Button

Recevez les derniers articles par mail :

 

Recent Comments

  • Carmine
    Un nouveau logo pour Photoshop
    2021-03-16 20:40:09
  • Kidjo tv
    Scriblink - Le tableau blanc collaboratif en ligne !?
    2021-03-14 10:33:20
  • resilier abonnementorange
    ViewAt.org, Partage de photo panoramique
    2021-03-14 10:30:40
  • Boulanger.Com
    FaceInHole, Changer de corps
    2021-03-14 10:30:29
  • kidjo tv logicom
    SnagIt lance des plugins de capture d’écran
    2021-03-14 10:30:07
  • tv apk
    ImprimeBlog, Imprimer son blog en un livre
    2021-03-14 10:28:51
  • KIDJO TV
    Pulse ARTS : Le magazine des arts graphiques devient à 100% gratuit
    2021-03-14 10:26:30
  • Mamanmi.com
    Read It Later, Enregistrer est remettre la lecture de vos articles à plus tard
    2021-03-14 10:17:21
  • resiliation abonnement
    Vidéo sur les coulisses d’un studio photo
    2021-03-14 10:10:45
  • kidjo tv tiniloo
    Seam Carving les plugins sont disponible maintenant
    2021-03-14 10:10:17
  • supprimer orange
    Google Shared Stuff : bookmarking vu par Google
    2021-03-14 10:09:23
  • kidjo tv logicom
    Iconlet : Moteur de recherche d'icones
    2021-03-14 10:03:25
  • abonement
    Blackle, la version écolo de Google
    2021-03-14 10:03:14
  • abonnementjeu
    Verify Email, contrôle vos adresse e-mail
    2021-03-14 10:01:56
  • tv Abonnement
    SnagIt lance des plugins de capture d’écran
    2021-03-14 10:01:32

Par Albert Einstein

“La connaissance s'acquiert par l'expérience. Tout le reste n'est que de l'information.”

Feedburner RSS
Ajoute a Technorati Favoris