L'art d'optimiser les performances d’un site web (video)

perf-webserver.png

Lorsque l’on est dans une démarche d’optimisation de son site ou de son blog dans le but d’améliorer son référencement, son trafic ou l’expérience utilisateur, il y a un paramètre à ne pas négliger : les performances du site internet.

Le temps d’accès d’un site a un impact sur plusieurs aspects : pour les internautes tout d’abord afin de leur assurer le meilleur confort possible pour visiter votre site mais aussi pour les moteurs de recherches et plus particulièrement leurs robots qui prennent en compte la qualité de l’hébergement pour votre référencement en n’hésitant pas à dévaloriser votre site si celui-ci est difficilement accessible.

Camille Roux qui nous avait déjà proposé une conférence filmée sur l’art de référencer son site web revient aujourd’hui avec une nouvelle vidéo sur les performances d’un site Internet qu’il coprésente avec Nicolas Chevallier d’Allogarage.fr. Comme la première conférence, celle-ci a eu lieu dans le cadre des Intellicore Tech Talks.

Voici les différents éléments qu’il aborde :

  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

Voici la vidéo ( 50min ) :

Découvrez aussi les sous-titres à télécharger

Les meilleurs sous-titres français pour Game of Thrones. Le meilleur moteur de recherche de sous-titres disponibles en français et en anglais.
19 Commentaires (ajouter le vôtre)
  1. moi je m’arrache la tête depuis longtemps sur mon site que je n’arrive pas à optimiser

  2. Je suis très ravi que cette conférence vous intéresse. Merci de m’aider dans sa diffusion.
    Cela donne envie d’en refaire à la rentrée!

  3. Tout ce que YSlow recommande !!!

  4. Je n’arrive pas à lire la vidéo en ligne, pouvez vous me l’envoyer par mail.

    L’art d’optimiser les performances d’un site web (video)

    Merci d’avance.

  5. [...] L’art d’optimiser les performances d’un site web (video) Tutoriel vidéo qui explique comment bien optimiser son site web ! [...]

  6. Bonjour et bravo pour votre conférence ….
    Voici une question peut-être insolite mais pourriez-vous me dire quel est l’outil que vous avez utilisé pour réaliser votre tutorial ?
    Je le trouve très classe avec cet effet de perspective et la vidéo en tout petit en bas …

  7. Il faut continuer ces vidéos … elles sont superbes ! Bien expliqués, avec des concepts technique et des mots simples … bonne continuation

  8. Toutes les vidéos des Intellicore Tech Talks (http://techtalks.intellicore.net) sont réalisées sous Mac OS avec Screenflow (capture, montage multi-piste, export…)
    Merci pour vos encouragements.
    Ne vous inquiétez pas, les ITT reprennent à la rentrée!


    Camille Roux
    http://www.camilleroux.com/

  9. Поглядел в интернете, когда же будут летающие
    автомобили в мире, нашёл интересную статью, там говорят что уже в 2009
    в массовом производстве всё будет!!
    Источник
    а Вы как думаете ?? Не гонят ли?

  10. Bonjour , merci pour ce billet.
    J’ai fait récemment un petit résumé , je vous invite à le voir : optimisation des sites web et accélération d’affichage des pages .
    Bonne journée.

  11. Ludo

    Faut arrêter les et euhhhhh au début… Lourdeaux ^^ »

  12. chris

    euhhhhhhh et euuuhhhhhhhhhhhhhh!!! Heureusement qu’il arrête rapidement sinon c impossible de supporter

  13. mouhamed

    Le texte de votre commentaire…

  14. C’est un sujet d’actualité. Je pense que l’optimisation des site serai un must pour les webmasters qui veulent rester sur les premières pages des résultats de recherche surtout le monté en flèche des créateurs de blogs qui se référence beaucoup plus vite que les site classiques.

  15. Un grand pour le partage, et j’espère bien que vous allez continuer ces conférences mais avec des exemples pratiques car je trouve ces techniques d’optimisation très utile pour moi mais quand je viens à les pratiquer je rencontre des lacune qui m’empêche de les appliquer.

    Merci

  16. introduce: I’m a schoolchild, looking toward being a CPA, but questioning my dash ideal, monied, and m‚tier/life in general.

    What are your thoughts on how your m‚tier affects you individualality? If you procure a soporific accounting job, do you change repetitious? On the snap side, does a soporific job absolutely rouse you to be bold and mind-blowing faint of task, craving unrest to equalize the tiresome m‚tier environment?

    What do you do the day you wake up and comprehend you shrink your job? What if that’s EVERY morning? What are some all absolute jobs with which one can stump the rat-step on it or winnings some satisfaction? I represent being a the coppers catchpole, firefighter, sister, etc. as being emotionally enriched, moreso than a subject kindred job.

    Does anyone cognizant of a textile spot to reserve one of those Job deployment tests, that pick honourable dashs for you? Are they accurate?

    I’m awareness quite absolute now, I security to start a grave examination with some words of wisdom. Thanks guys

    I see/cognizant of too numberless people situationing jobs they shrink to take a run-out powder steal change to buy things they don’t penury to try and provide the without caused by unhappiness with their life/job/wshrinkver. (refer to against mace, LOL). Is that how the fraternity m‚tiers?

    To sum it all up, I come up with I’m a cross, gleeful individual currently. Is the domain after college the vivacity-crushing, numbing gizmo it can feel to be at times from this side of the fence?

  17. taha

    Merci bien pour ce vidéo,
    c’est intéressant

  18. Ce qui me fait toujours sourire, c’est quand je lance un Google Speed sur mes sites, les seuls points rouges proviennent de Google Analytics ou Adsense ou encore des plugins Facebook ….

© 2006-2017 Frédéric Cozic  
Propulsé par Wordpress sous licence Creative Commons