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

2 commentaires, commentaire ou Trackback

Répondre á “YSlow c’est une extension pour Firebug”

Recevez les derniers articles par mail :

 

Recent Comments

  • filz 4mm kaufen
    Algérie télécoms lance un servie EVDO sur le nom Athir testé et approuvé
    2018-09-18 14:52:13
  • source
    Fontpark, Faites de l’art avec l’alphabet japonais
    2018-09-17 11:51:06
  • compraventa relojes de lujo
    Apple prépare une version 10.4.11 de Mac OS X
    2018-09-09 03:25:34
  • Katherin
    Verify Email, contrôle vos adresse e-mail
    2018-09-01 05:34:08
  • ikan hias
    Hotspot Shield, Accédez à Pandora & Hulu hors des USA
    2018-08-31 18:05:00
  • vender relojes
    Picoshot, générer des Thumbnails de sites
    2018-08-29 09:30:16
  • propecia
    Fontpark, Faites de l’art avec l’alphabet japonais
    2018-08-26 00:29:02
  • pocket knives best
    Algérie télécoms lance un servie EVDO sur le nom Athir testé et approuvé
    2018-08-25 12:50:54
  • tooth implant Dubai
    Tutorial de création d'une barre de pagination tout en CSS avec 15 exemples
    2018-08-17 10:49:11
  • Hors
    Tutorial ReflectOMatic, ajouter facilement des effets de réflections
    2018-08-13 15:54:15
  • List Of Dentists In Dubai
    Tutorial de création d'une barre de pagination tout en CSS avec 15 exemples
    2018-08-08 03:04:52
  • Compra Venta Relojes
    OpenSocial : une plateforme de développement Google pour les réseaux sociaux
    2018-08-07 01:22:23
  • Mercedes car maintenance
    Publicité Toyota YARIS
    2018-07-30 16:22:08
  • Cable Type 2 Type 2
    Tutorial de création d'une barre de pagination tout en CSS avec 15 exemples
    2018-07-25 11:30:09
  • part worn tyres Brentwood
    Tutorial de création d'une barre de pagination tout en CSS avec 15 exemples
    2018-07-24 11:16:15

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