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

  • m.myfree
    Tutorial de création d'une barre de pagination tout en CSS avec 15 exemples
    2019-01-09 00:54:50
  • socialmediainuk.com
    Tutorial de création d'une barre de pagination tout en CSS avec 15 exemples
    2019-01-08 21:43:55
  • Italy - Greece
    Jukebo, un catalogue de plus 70 000 vidéo clips
    2019-01-03 05:12:20
  • compare minicab prices
    Tutorial de création d'une barre de pagination tout en CSS avec 15 exemples
    2019-01-02 14:54:55
  • 다이사이
    Comment ajouter un avatar CaraQ sur son blog ?
    2018-12-31 16:31:30
  • https://sitecozy.com
    Un émulateur pour tester l'affichage de votre site Web sur un mobile
    2018-12-30 13:41:08
  • Rodrigo
    Algérie télécoms lance un servie EVDO sur le nom Athir testé et approuvé
    2018-12-30 00:36:05
  • naked web camgirls
    Un émulateur pour tester l'affichage de votre site Web sur un mobile
    2018-12-28 16:42:23
  • naruto online trainer
    Potoroze, Découvrez l'expérience du shopping 3D
    2018-12-25 06:32:32
  • canalisation
    Algérie télécoms lance un servie EVDO sur le nom Athir testé et approuvé
    2018-12-23 06:27:35
  • justinmind 8.3.1 crack
    Vidéo virale, le buzz Fifa street 3
    2018-12-23 02:49:33
  • mountain duck crack
    Vidéo virale, le buzz Fifa street 3
    2018-12-17 07:59:09
  • poker deposit 10rb
    AcroFlip, Convertir vos documents en E-Book
    2018-12-13 16:23:31
  • party event organisers
    Tutorial de création d'une barre de pagination tout en CSS avec 15 exemples
    2018-12-07 10:36:57
  • Tera
    ModalBox & ThickBox : Popup à la sauce Web 2.0
    2018-12-05 00:41:56

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