Blog d’actualité du web par l’agence web galéo-innovation

Même à l’heure du haut débit, l’optimisation des performances d’un site internet reste cruciale. Pour exemple : google a fait ses lettres de noblesses, entre autre, grâce à la simplicité de son interface et à la rapidité du temps de chargement des résultats de recherche contrairement à Yahoo qui privilégiait une interface ludique et de fait plus “chargée”.

Loin des interfaces “lourdes” : la tendance est à la simplicité, pas de pré-chargement ni de pages tunnels (animation flash d’introduction).
Et quelque soit vos choix actuels, il existe des méthodes d’optimisation efficaces.

L’optimisation d’un site internet est importante pour supporter les montées en charge et pour éviter d’alourdir les investissements côté architecture serveur. 

Quand on pense à l’optimisation du temps de chargement d’un site, on pense généralement à améliorer le temps de génération des pages sur le serveur web. Hors, ce temps ne représente que 10 à 20% du temps de rendu de la page. Il existe en revanche des techniques directement applicables ayant un réel impact sur les performances.

C’est pour expliquer ces différentes techniques d’optimisation que cette conférence a été organisée aux Intellicore Tech Talks :

Au sommaire de cette présentation proposée à Sophia-Antipolis :

1. Introduction
   1. Pourquoi optimiser un site web?
   2. Sur quels paramètres agir?
       
2. Optimisation de chaque page
   1. Diminuer le nombre de requêtes
      1. Regrouper les scripts Javascript et les feuilles de style CSS
      2. Réduire le nombre d’images
         1. Images réactives (image map)
         2. Images intégrées (data:)
         3. Sprites CSS
   2. Réduire la taille des composants
      1. Compresser (Accept-Encoding, Content-Encoding)
      2. Compactage du JS et CSS
      3. Obfusction
      4. Comparatif
   3. Placer les feuilles de style en début de page
      1. Rendu d’une page
      2. Phénomène de page blanche
      3. <link> vs @import
      4. Désavantage de @import
   4. Déplacer les scripts en bas de page
      1. Comparaison JS au début/JS à la fin
      2. Pourquoi ce phénomène?
   5. Rappel
       
3. Optimisation de la navigation
   1. Pas de mise en cache
   2. GET conditionnel
   3. Entêtes d’expiration
       
4. Optimisations complémentaires
   1. Sprites CSS
   2. Pré-chargement des composants
   3. AJAX (XML vs JSON, GET vs POST, Mettre en cache)
       
5. En savoir plus
   1. Outils
      1. YSlow (plugin Firebug)
      2. AOL PageTest
   2. Sites web
       
6. Conclusion/Questions

 

Cette conférence était organisée en juillet 2008, sa qualité nous amène aujourd’hui à la diffuser sur le blog. 

Articles susceptibles de vous intéresser :

• Techniques de référencement avancées
• Le web’08 : conférence web à Paris
• Pratique d’ActionScript 3 (ebook - PDF)
• L’indispensable du référencement
• Enquête : qu’attendent les cyber-marchands de la refonte de leur site e-commerce ?

Articles dans la même catégorie :

• Pratique d’ActionScript 3 (ebook - PDF)
• Testez l’affichage d’un site internet sur un iPhone… sans iPhone
• Google annonce l’intégration de google adsense dans google Analytics
• Google analytics : la version 3 arrive bientôt
• l’APML, pour la personnalisation des messages publicitaires

Tags: ajax, css, developpement, javascript, js, optimisation, performance, xml

Cet article a été publié le Jeudi 4 décembre 2008 à 8:00 et est classé dans développement web. 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.