BlogBang

Pourquoi optimiser le temps de chargement de son site internet est-il super important ?

Par Korben | Nb visites : 331

optimizqf8 Pourquoi optimiser le temps de chargement de son site internet est il super important ?

L’optimisation de son site est un aspect essentiel sur le net… C’est malheureusement trop souvent sous-estimé et du coup, un site mal optimisé, comprenez qui met du temps à s’afficher, peut vous faire perdre des visiteurs voir du chiffre d’affaire si vous bosser dans le e-commerce…

  • Rajoutez 100 ms de temps de chargement à Amazon et vous perdez 1 % des ventes
  • 400 ms de plus à Yahoo! et 5 à 9 % des gens s’en iront avant que le site soit chargé
  • 500 ms de plus lors d’une recherche Google et c’est 20 % de recherches en moins (enorme !)
  • Et si par miracle vous arriviez à alléger Google de 30 % de son poids, c’est 30 % de trafic supplémentaire que vous gagnerez !

Ça se compte en seconde et parfois en milliseconde et pourtant, c’est super important ! J’essaye pour ma part d’optimiser au maximum mon site mais j’ai encore pas mal de taf avant que ça booste à mort… Si le sujet vous intéresse, je vous recommande l’excellent site d’Eric Daspet dans lequel il donne tout un tas de conseils et de techniques pour accélérer l’affichage de son site… Et si vous n’êtes toujours pas convaincu, je vous recommande de regarder la présentation suivante qu’il a fait hier matin (c’est tout frais)

Performances Web – Afup 2008
View SlideShare presentation or Upload your own. (tags: Éric daspet performance)

bT*xJmx*PTEyMjkzODM2NzE1NTgmcHQ9MTIyOTM4MzY3NDY1NyZwPTEwMTkxJmQ9Jmc9MiZ*PSZvPWRkOTRiNzNhMDUxYzRiYzFhMDA5YWNiOTk4Zjk4ZjY1 Pourquoi optimiser le temps de chargement de son site internet est il super important ?

Encore merci à Eric de partager ses connaissances en optimisation avec nous !

[photo]

Publicité

Je vous recommande aussi la lecture des sujets suivants


Faites un lien vers cette news sur votre site



30 commentaires

  1. Manu Reply to this comment


    Ouais ben la tendance n’est pas à la légèreté. Quand ma Freebox a eu un coup de mou avec en plus du wifi en bout de chaîne j’ai pleuré ma mère. Alors je vous parle même pas des gars qui sont encore en 56K dans ma cambrousse parce que personne ne veut tirer 30 mètres de câbles.

    Posté le 16 décembre 2008 à 18:15:53

  2. Chris-vip Reply to this comment


    @Manu: Ptdrrrrrrrrr !!!

    Posté le 16 décembre 2008 à 18:27:19

  3. Leg'Z Reply to this comment


    2003: 100ko / 2008: 300ko
    La différence est pas énorme si on tient compte du fait que la vitesse a plus que triplée en moyenne !

    Posté le 16 décembre 2008 à 18:43:20

  4. Djoh en Inde Reply to this comment


    Pour optimiser la taille des images, smush.it est d’une puissance incroyable ! Un click, et hop, toutes les images d’un site optimises ! Au poil :)

    [Edit] et donc, smush.it est dans la présentation. Bon bah je ne dis pas que des bêtises, non plus.

    Posté le 16 décembre 2008 à 18:49:49

  5. Séverin Reply to this comment


    C’est ce qui a été présenté à Paris Web 2008. Très bonne présentation qui rappelait qu’il faut arrêter de diaboliser le serveur quand dans 99% des cas c’est la structure HTML/CSS/IMAGES/SCRIPTS du site qui pèchent et pas son code PHP.

    Posté le 16 décembre 2008 à 19:36:25

  6. crusty Reply to this comment


    C’est clair korben qu’on voit que tu t’es penché sur la question car (et je n’y aurais sans doute pas fait attention si tu n’avais pas abordé ce sujet… comme quoi quand on aime…) quand je vois la rapidité d’affichage de korben.info maintenant et que je me remémore celle d’il y a peut-être un semestre, yapafoto!
    En tous les cas, je n’ai pas changé d’abonnement ni de débit ADSL, donc ça ne vient pas de chez moi.

    @Manu, pour tes voisins, les offres ADSL satellites deviennent vachement plus abordables de nos jours, même si le plus couteux dedans reste le prix du modem sat ADSL (plus de 1000€ je crois). NordNet par exemple propose du 1024/128 à 39.90€/mois : http://www1.nordnet.fr/offres/internet-satellite/presentation.php?origine=&PHPSESSID=25e08b3955aa612
    En tous les cas, il est clair que les bas débeux doivent, quelque part, partager avec les exclus de la société un sentiment commun.

    Posté le 16 décembre 2008 à 20:03:32

  7. Manu Reply to this comment


    @crusty: Ouais en fait chez moi ils développent depuis peu une offre wimax pour les gens un peu paumés. Mais c’est vrai que quand tu vois des barraques qui n’ont pas l’ADSL alors que le voisin l’a, à trente mètres, j’peux te dire que les gens sont verts. Comme tu dis ils se sentent exclus, même si évidemment ça n’est qu’un souci matériel sans gravité.

    Ca illustre quand même un problème de fond qui voit les campagnes délaissées au profit des villes sur bien des points : santé, Internet, éducation, Poste, administrations… On chiffre tout le temps le coût financier d’un hôpital ou d’une école en zone rurale ou semi-rurale mais à l’opposé on ne chiffre pas les dégâts occasionnés par la surpopulation dans les villes (délinquance, dégradation de l’habitat et des parties publiques, hausse des loyers conduisant à l’appauvrissement, pollution…)

    Posté le 16 décembre 2008 à 21:24:03

  8. Manu Reply to this comment


    Bon en même temps quand je lis ça http://www.clubic.com/actualite-246568-etude-analyse-internet-sexe.html j’me dis vive le bas débit…

    Posté le 16 décembre 2008 à 21:25:56

  9. temps Reply to this comment


    Comment, comment dire la chose est la bonne question, mais avant le temps de téléchargement nous pouvons nous demander si demander de cliquer plusieurs fois pour visualiser un diaporama est une bonne idée. Plus de deux minutes est considéré souvent comme moyennement long, et attire parfois des mauvais commentaires.
    Cordialement

    Posté le 17 décembre 2008 à 06:34:12

  10. TheBigBoss Reply to this comment


    L’extension « YSlow » pour Firefox (créé par Yahoo et qui est elle-même une extension du fameux « Web Developper ») vous aidera beaucoup pour optimiser la vitesse de chargement de vos sites.

    Il évaluera votre site et donnera une note sur 100. Puis à vous de suivre les recommandations pour améliorer la vitesses (utilisation de sprite, compresser et mettre du js en fin de page, utilisation du cache (date d’expiration, etags, etc.)).

    Bref, à essayer !!

    Posté le 17 décembre 2008 à 07:05:20

  11. PoP Reply to this comment


    Excellent le plugin YSlow.

    Posté le 17 décembre 2008 à 10:18:19

  12. Mute Reply to this comment


    Est-ce que mettre systématiquement http://www.korben.info/ en lieu et place de http://www.korben.info n’optimiserait pas le temps de chargement des pages ?

    Posté le 17 décembre 2008 à 10:27:50

  13. Alban JAMESSE : e-commerçant débutant Reply to this comment


    Mais il faudrait que tous le monde soit formé à ça : Un exemple de plus en plus vrai : je suis la partie commerciale de ma boite, et quand je demande à mon graphiste de faire des sprites (même les plus basique comme sur des onglets), il me demande de quoi je parle.

    Et pour Mute : je n’en suis pas sur, car (je ne sais pas si ca marche pareil avec la racine de l’url) quand on fait un lien vers http://site.fr/dossier, le serveur mettra bcp plus de temps a répondre qu’en faisant un lien vers http://site.fr/dossier/ car sans le slach final, le serveur vas avant tout rechercher un fichier et non un dossier.

    Posté le 17 décembre 2008 à 12:16:22

  14. Vincent D Reply to this comment


    Oui, tu fais un site tout blanc avec 2 balises. Pas sûr que grand monde soit intéressé.

    Donc, le temps de chargement est selon moi très loin d’être un argument prépondérant, même s’il doit certainement avoir son intérêt. Si le service attendu est bidon, l’ergonomie du site affreuse, le design agressif… Ca sert à quoi ?

    Eh oui, ok, tu gagnes 10% de visiteurs si tu gagnes 1 seconde de chargement, mais si le site est mal pensé et qu’il te faut 1 seconde ou plus pour trouver le lien ou l’info qui t’intéresse, c’est encore pire non ?

    Posté le 17 décembre 2008 à 12:58:25

  15. Stéphane Reply to this comment


    @Alban JAMESSE
    le coup du / à la fin, je vais demandé à une de mes connaissances admin sys spécialisé Linux DEBIAN. Théoriquement sous unix, TOUT EST FICHIER ! un répertoire sous unix n’est qu’un type de fichier !.
    Donc je ne sais pas si cela à un impacte directe sur la perf d’apache.

    En tous les cas se qui est certain pour gagner en optim c’est :

    - Qualité du code XHTML déservit,
    - Qualité des images : en effet smushit supprime un tas d’information dans les entêtes de fichiers et on gagne en poids et on ne perd pas en qualité !
    - Qualité du code PHP !
    - Optimisation de ses requêtes MYSQL (mise en place du cache, optimisation de ses index etc etc)
    - Tunning APACHE
    - Tunning Mysql

    C’est pas dans l’ordre mais si on fait déjà les 4 premiers points et bien c’est déjà super top !.

    Autre petit truc (j’ai jamais testé mais j’ai confirmation d’un Admin sys + séverin ) : Toutes les images du site (icone, logo etc) sont sur une seule et une seule image optimisée. Du coup le navigateur va faire un seul « it » sur le serveur !!! et sera en cache pour toutes les autres page web !. Pour utiliser ses images, on va jouer sur du découpage css….

    Allez zou à vos claviers ;-)

    Posté le 17 décembre 2008 à 13:08:36

  16. Mute Reply to this comment


    Je ne retrouve plus ma source, mais je suis presque certain que mettre un slash à la fin de l’URL évite au serveur web de travailler pour rien autant au niveau client que serveur d’ailleurs, mais bon c’est le genre de trucs qui est valable quand on a un très gros trafic.

    Posté le 17 décembre 2008 à 13:31:00

  17. fredo Reply to this comment


    c’est vrai le temps de chargement d’ un site web , je perdais une dizaine de visiteurs par minutes par manque d’ optimisation d’ apache , de mysql, de php … pour les utilisateurs de wordpress je conseille le très bon article de papygeek qui m’ a donné je trouve de très bonnes pistes ( http://www.papygeek.com/wordpress/wordpress-optimiser-son-blog-avec-un-systeme-de-cache/ )

    Posté le 17 décembre 2008 à 14:24:00

  18. stéphane Reply to this comment


    Merci à http://www.dotdeb.org pour la réponse sur le / ou le pas / :)

    Et voici sa réponse : merci gui ;-)

    Alors, s’il y a une différence, elle est minime.

    La règle, si tu ne finis pas par un /, c’es que tu demande une ressource qui est affichable, la plupart du temps un fichier. Si c’est un répertoire, tu n’es pas conforme et on devrait te relever une erreur RFC :) Ceci dit, il peut y avoir le mod_negotiation qui intervient pour compléter et deviner. Puis le mod_index qui dans le cas d’un répertoire, vas aller chercher les pages d’index à afficher par défaut. S’il n’y en a pas, c’est le mod-autodir (?) qui va aller lister le répertoire et t’en afficher le contenu. Mais ces deux dernières étapes sont facultatives et là pour pallier à un manque de formalisme côté client. Elles sont coûteuses et demande un chouilla plus de ressources, mais bon…

    Version intégriste :
    - tu demandes un fichier, tu en donne le chemin complet, normal.
    - tu demandes un répertoire, tu finis par /

    Bonne lecture :)

    http://tools.ietf.org/html/rfc1738
    http://tools.ietf.org/html/rfc3305

    Posté le 17 décembre 2008 à 17:20:15

  19. Manu Reply to this comment


    @Vincent D: Tu exagères en parlant de site tout blanc avec deux balises. On peut très bien avoir un site performant gris clair avec trois balises. Enfin moi c’est ce que j’en dis…

    Posté le 17 décembre 2008 à 17:50:14

  20. lossy Reply to this comment


    La plupart des gens oublie qu’ils ont la possibilités d’envoyer CSS et Javascript via php compressé en Gzip, qu’il faut déclarer les javascript à la fin, que l’on peu redimensionner dynamiquement les photos, que faire du JSON pzr rapport au XML peut faire gagner un temps précieux etc…

    Posté le 17 décembre 2008 à 19:48:28

  21. Google et l’amélioration de la vitesse d’affichage de son site | AbriCoCotier.fr Reply to this comment


    [...] Une présentation bien utile pour connaître les petits trucs qui vous permettrons d’améliorer significativement le temps de chargement de votre/vos site(s) web, et donc, par conséquent, d’avoir plus de visites. Trouvé sur le blog de Korben. [...]

    Posté le 18 décembre 2008 à 01:05:50

  22. petitchevalroux Reply to this comment


    Moi je dis que les 10 régles de Yahoo sont la clés primaire de l’optimisation d’un site :D . Avec dans l’ordre d’importance :

    304 évite d’envoyer le contenu quand il n’a pas changer (gain de bande passante)
    Expire évite que le navigateur face l’appel sur le serveur (le top du top pour les images)
    Etag (a virer dans le cas de plusieurs serveur pour un même site)
    gz (gain de bande passante et donc de temps de téléchargement)

    Rien qu’avec ça on peut sauver un serveur sans toucher à l’applicatif php.

    Bon et comme c’est bientôt noël je vous donne LE secret pour optimiser un serveur => [url]http://postit.petitchevalroux.net/linux/optimiser-serveur-linux.104.html[/url] (joke inside ;) )

    Tiens d’ailleurs si quelqu’un à trouver une astuce pour ne pas charger a chaque fois le script show_ads pour adsense je suis preneur ;)

    Posté le 18 décembre 2008 à 12:03:41

  23. petitchevalroux Reply to this comment


    @lossy je suis pas sur que envoyer le css et le js par php soit une bonne solution car cela nécessite le chargement de php pour le serveur. La plupart des serveurs supporte en natif la compression gz à la volée.

    Donc ça me fait penser à un autre conseil : charger php que lorsque vous en avez réellement besoin. Si vous voulez en être sur fait un apache bench en un php qui contient exit() et un fichier vide :D .

    Posté le 18 décembre 2008 à 15:20:18

  24. Claude Reply to this comment


    Optimiser le temps de chargement de son site ça passe aussi par l’optimisation des images de l’interfaçe sur lesquelles ont peut souvent gagner plusieurs kilo-octets en jouant sur le nombre de couleurs dans le cas des GIF/PNG.
    Mais aussi et surtout cela se passe souvent du côté du serveur lui-même, sans parler des requêtes MySQL pour les sites dynamiques.
    Bref il y a du boulot !

    http://www.visitezmonsite.com/TECHNOLOGIE/Optimiser-le-temps-de-chargement-de-son-site-internet

    Merci.

    Posté le 19 décembre 2008 à 13:57:54

  25. Veille SEO de Noël Reply to this comment


    [...] Pourquoi optimiser le temps de chargement de son site internet est-il super important ? [...]

    Posté le 30 janvier 2009 à 13:01:03

  26. Benjamin Reply to this comment


    J’ai testé plusieurs logiciels pour optimiser le poids des images et je n’ai rien trouvé de mieux point de vue poids/qualité de l’image que Fireworks (exportation pour le web).

    Posté le 18 septembre 2009 à 15:18:18

  27. sportif Reply to this comment


    Pour ma part j’utilise le plugin firefox Yslow, bien utile et tjrs présent sur mes pages il m’aide à identifier les pages trop longues à charger, à moi ensuite de les optimiser… ;-)

    Posté le 27 octobre 2009 à 14:08:02

  28. Loading pages, Google ranking factor - Ecological Blog – 53mondays Reply to this comment


    [...] feed for updates on this topic.Powered by WP Greet BoxHere we are, 53mondays who campaign against websites’ loading time, finaly sees its fight approuved by Google! Once again, it is Matt Cutts, the Google Webspam team [...]

    Posté le 19 novembre 2009 à 16:29:56

  29. electro Reply to this comment


    Yslow est bien pratique .. la mise à jour caffeine qui est tant attendu va-t-elle donner des sueurs froides à certains webmasters ? fini les hébergements cheap :D

    Posté le 1 décembre 2009 à 17:24:06

  30. Loading pages, Google ranking factor - Blog – 53mondays Reply to this comment


    [...] pages, Google ranking factor Voilà on y est, 53mondays qui milite contre le temps de chargement des sites et de leurs pages voit enfin son combat validé par Google! C’est une fois de plus Matt [...]

    Posté le 14 janvier 2010 à 12:34:47