Network :
icone_aysoon
aysoon.com
icone_blog_aysoon
blog.aysoon.com
icone_webilus
webilus.com
icone_monetiweb
monetiweb.com
Associé : icone_webdeux webdeux.info
membre de
icone_pt
Point-Triple

MonetiWeb

Tous les conseils pour monétiser intelligemment son blog  v2
 

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 ) :

 

12 commentaires pour cet article

  • 1. Pingback envoyé par : Tekalombre » Blog Archive » Optimiser les performances d’un site web le 16 juillet 2008 à 10:45

    [...] http://monetiweb.com/ameliorer-son-referencement/lart-doptimiser-les-performances-dun-site-web-video [...]

     
  • 2. Commentaire posté par : Alias le 16 juillet 2008 à 12:18

    moi je m’arrache la tête depuis longtemps sur mon site que je n’arrive pas à optimiser

     
  • 3. Commentaire posté par : Camille Roux le 16 juillet 2008 à 14:09

    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!

     
  • 4. Commentaire posté par : tommyke le 18 juillet 2008 à 9:47

    Tout ce que YSlow recommande !!!

     
  • 5. Commentaire posté par : Djebbi le 21 juillet 2008 à 11:39

    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.

     
  • 6. Pingback envoyé par : 16+ Tutoriels et Astuces pour vos créations web [Summer Links] le 01 août 2008 à 22:07

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

     
  • 7. Commentaire posté par : JL le 02 août 2008 à 15:39

    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 …

     
  • 8. Commentaire posté par : Degseb le 02 août 2008 à 17:12

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

     
  • 9. Commentaire posté par : Camille Roux le 03 août 2008 à 18:57

    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/

     
  • 10. Commentaire posté par : ubercars.ru le 12 août 2008 à 0:48

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

     
  • 11. Commentaire posté par : EoN le 14 août 2008 à 15: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.

     
  • 12. Commentaire posté par : Ludo le 23 août 2008 à 21:33

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

     

Ajoutez un commentaire pour cet article :

Qu'est-ce que MonetiWeb.com ?
MonetiWeb.com est un blog professionnel aidant tous les blogueurs passionnés à monétiser intelligemment leur blog. On y trouve des infos sur les différentes possibilités de monétisation, des conseils pour augmenter son trafic, des astuces en référencement, etc...
Vous connaisez déjà ? inscrivez-vous ou connectez-vous
Suivre MonetiWeb.com gratuitement !
Suivre tous les conseils par flux RSS
Recevoir tous les conseils par mail :
Partenaires de MonetiWeb.com
Les différents thèmes abordés
 
 
Dernièrement sur le Forum

En ce moment

Les sujets chauds

 
Les meilleurs articles
 
Demandez un conseil

Si vous ne trouvez pas de réponses à votre problème ou à votre question sur ce blog, contactez-moi en utilisant la page contact et je me ferai un plaisir d'essayer de vous aider.

 
Les commentaires de la communauté

Les sondages du moment
 
 
Visitez aussi :
 
À propos   -   Contact   -   S'abonner          Propulsé par Wordpress sous licence Creative Commons

:: © 2008 aysoon.com : Blog édité par la société Ligorus SARL.