Savez-vous combien pèse la page d’accueil de Yahoo ? Cette question n’est pas anodine car cette valeur a été pendant longtemps une unité de référence pour la vitesse de chargement des pages d’un site web. En presque 10 ans passés en agence, je ne compte plus le nombre de cahiers des charges et brief où il étai stipulé que le poids des pages du futur site du client ne devait EN AUCUN CAS dépasser la limite de 30 Ko (le poids théorique de la page d’accueil de Yahoo! dans l’inconscient collectif).
Puis il a été question de 60 Ko…
Puis ça a été l’avènement de l’ADSL, les années YouTube et maintenant plus personne ne se soucie du poids des pages. Il faut dire que les foyers français sont équipés en haut-débit à plus de 95% (ADSL + câble + fibre, si mes sources sont exactes), donc plus la peine de se soucier du temps de chargement.
Oui mais voilà : Il fut un temps où la page d’accueil de Yahoo! pesait 30 Ko, mais cette époque est loin derrière nous et je constate une inflation alarmante (euphémisme) dans le poids des pages d’accueil qui dépassent fréquemment le Mo. Ce fameux « poids » correspond à l’espace disque occupé par l’ensemble des fichiers qui composent une page d’accueil (HTML, javascript, css, flash, images…).
Je me suis amusé à comparer les pages d’accueil de certaines boutiques en ligne française, et le résultat n’est pas brillant :
- Cdiscount = 2,8 Mo
- Pixmania = 1,4 Mo
- RueDuCommerce = 1,3 Mo
- Amazon = 845 Ko
- MisterGoodDeal = 840 Ko
- PriceMinister = 570 Ko
Non vous ne rêvez pas, pour avoir le privilège d’admirer la page d’accueil de Cdiscount il vous faudra télécharger près de 220 fichiers pour un total avoisinant les 3 Mo. Hallucinant ? Oui, surtout dans un marché aussi concurrentiel. PriceMinister s’en sort très bien avec une page bien plus légère que les autres dû à une utilisation très limitée des images (contrairement à Cdiscount).
Concernant les sites d’information, c’est encore pire :
- L’Express = 3,5 Mo
- Liberation = 3,4 Mo
- 20Minutes = 2,7 Mo
- LeMonde = 2,2 Mo
Même si les mega-bannières et autres publicités au format vidéo plombent la page, n’est-il pas aberrant de ne pas trouver un site d’information sous la barre des 2 Mo ? Et ce n’est pas forcément mieux de l’autre côté de l’Atlantique :
- LA Times = 2,9 Mo
- WashingtonPost = 1,8 Mo
- Newsweek = 1,8 Mo
- NY Times = 1,55 Mo
Concernant les grands portails, la moyenne est moins élevée :
De façon surprenante, les grands portails sont plutôt raisonnables dans leur utilisation de la bande passante. Mention spéciale à Facebook qui dépasse la barre des 2 Mo avec une ribambelle de fichiers javascript. Vous noterez au passage que les deux moteurs de recherche pèsent rigoureusement la même poids (je ne sais pas trop quoi en penser…).
Bref, cette rapide étude concurrentielle nous révèle une vérité bien dérangeante : Les pages d’accueil de sites de news sont plus lourdes que certains plug-ins dont le temps de téléchargement est soit-disant rédhibitoire. Même si nos liaisons ADSL sont très performantes, les tuyaux ont des limites et le nombre de fichiers à télécharger nous éloigne toujours plus de la limite symbolique des 2 secondes pour charger une page d’accueil (le temps d’attente est directement lié à l’expérience utilisateur).
Tout ceci est très dérangeant, surtout à partir du moment où Google annonce qu’il va prendre en compte le temps de chargement des pages dans son algorithme. Oups, c’est justement ceux qui ont le plus besoin d’un bon référencement (commerce en linge, news…) qui vont se faire dégrader. Je ne peux que me réjouir de cette annonce car cette escalade dans le poids des pages d’accueil n’augure rien de bon et surtout rend les éditeurs fainéants.
Pourtant il existe de nombreuses façons d’optimiser le poids des pages en limitant le nombre d’images, en optimisant les fichiers HTML et javascript… J’imagine que l’arrivée à maturation des terminaux de consultation alternatifs (smartphones, touchbooks…) va inciter les éditeurs à se remettre en question.
En utilisant firebug (plugin firefox) il me semble que tout est mieux pris en compte (onglet réseau, activer, ensuite actualiser la page).
Exemple pour
– cdiscount : 2,5Mo (2,2Mo mis en cache navigateur) / 303 requêtes => 12,225s de chargement total
– Le monde : 1,3Mo (0,78Mo) / 349 requêtes / 15,4s
– La Voix du Nord : 1,2Mo (0,98Mo) / 231 requêtes => 11,7s
Tout n’est pas a prendre au pied de la lettre (surtout le temps de chargement) mais c’est un bon indicateur aussi ;)
Bonne journée
Nicolas
Soit dit en passant, cette page fait 74ko pour 48 requêtes et met 1,53s a charger :P
@Fred
Je remarque que tu n’as pas testé Orange.fr qui a récemment changé sa page et qui est a mon sens la plus légère des HP dans l’univers des grands portails.
Peut-être sera-t-elle devancée prochainement par la nouvelle HP de MSN qui est déjà visible sur la version US du site
A suivre donc
Tester les poids des pages, c’est une chose (et comment dit précédemment, il faut le faire correctement). Mais il faudrait aussi tester le temps qu’on attend réellement avant de pouvoir consulter la partie visible de la page. C’est l’avantage du html : un chargement progressif, qui fait que je peux commencer à visualiser la page rapidement, pendant que le reste se charge. Si je prends l’exemple de la page du monde, le haut se charge très rapidement, je peux commencer à lire et regarder les premiers articles. Le temps que je scrolle la très haute page, tout est chargé (chez moi). Donc à relativiser je pense… Idem sur yahoo où les vidéos se chargent après me semble-t-il, ou en parallèle…
Et ben dis donc, faut pas avoir une connexion qui rame ou se connecter via une clé usb !
Bonjour,
Merci pour cette mise au point !
Le poids des pages est censée être prise en compte pour un bon positionnement ( dixit certains livres blanc pour le positionnement de site sur les moteurs de recherche ).
Cela dit, quand on voit la taille des pages de site en première page sur de très grosses requêtes, on se demande.
Quand est il vraiment pour chacun ?
Idem pour la structure « table » ou « div », le nom d’images dans la page, les textes de plus de 10.000 caractères dans un article, …
Voila un article fort intéressant ! merci beaucoup, à bientôt !
Bonjour,
Je reste partagé avec cet article. Prenons l’exemple de cdiscount qui a une stratégie basée sur les bas prix, le nombre de produits, promotions, nouveautés. Le visuel prend une place importante dans leur stratégie qui fonctionne à plein régime.
Certes c’est contre ergonomique mais pas contre productif. Les responsables ont raison d’appuyé sur une stratégie rentable.
amicalement
Merci à Damien Brizzi qui veille à la homepage de PriceMinister
Bonjour, le poids des pages a bien diminué dans l’ensemble, par rapport à la « fabuleuse » époque des structure en « Table » ^^ Avec l’avènement du xhtml / css et les balises « div » le poids général des pages a été largement diminué, ce qui a contribué à accélérer les temps de chargement ( si on a un bon hébergement bien sur ! ).
Maintenant il y a encore des pages lourdes mais avec tellement de liens entrant que ca ne pose pas problème ( les plus gros sites ).
Mais pour un p’tit site qui démarre, il est fortement conseillé d’alléger au maximum et de passer par « PageSpeed » et Firebug pour tester le poids de la page et le temps de chargement, si cher à Google de nos jours :)
An excellent blog!I like it.but The meaning of the last paragraph a bit puzzled.It’s always good to have passions in life to keep yourself from going down the negative path and work towards staying positive.I really enjoyed this. You can look your article comments. This information has really been helpful for most of the readers. I really appreciate the way you have written about this. I will really like to read more on this from you. I know your expertise on this. I must say we should have an online discussion on this. Writing only comments will close the discussion straight away! And will restrict the benefits from this information.
les chiffres sont très intéressants merci
oui d’accord
Bienvenue de visiter notre magasin en ligne de sacs à main de luxe
http://www.nicegiftsforu3.com
Il y a une grande sélection de conceptions et de styles, y compris Louis Vuitton, Gucci, Chloé, Prada / Miu Miu, et les autres. Les sacs sont à prix réduit qui est favorable et abordable. Nos clients bénéficieront de l’expédition gratuite. Nous fournissons aussi un processus dapprovisionnement efficace et gérable qui couvre toutes les phases de la cha?ne logistique internationale et rationalise les circuits commerciaux.
Notre objet est de vous faire profiter de votre shopping dans notre monde de mode et devenir la femme la plus charmante grace à nos belles chaussures. Toutes les commandes seront traitées avec soin pour répondre aux besoins de nos clients. Dans tous les cas, nous avons toujours la confiance de vous offrir de bonnes politiques de vente, les prix de réduit raisonnable, la livraison rapide et s?re, la protection de la vie privée et les services fiables.
How to clean Bags
http://www.nicegiftsforu3.com
Comment nettoyer les sacs à main de luxe?
Nous avons déjà connu qu’il est important d’avoir au moins un sac à main de luxe. Il est nécessaire de savoir comment traiter et nettoyer les sacs à main précieux et de valeur dont nous avons disposés. Avant tout, il nous faut savoir qu’il est difficile de nettoyer la surface du cuir. Leur surface se tache facilement des produits chimiques, bien que le cuir soit dur et durable. Et bien, voici des conseils sur la fa?on de traiter et nettoyer nos sacs à main en cuir.
Essuyez doucement les sacs à main en cuir de Louie Vuitton avec un chiffon blanc, doux et humide. Utilisez le nettoyant du cuir après avoir essuyé les sacs avec le chiffon. Si vous vous sentez satisfaits, vous pouvez traiter le cuir avec un conditionneur pour restaurer son lustre et remplacer les huiles naturelles du cuir. Testez toujours le cuir en choisissant une zone peu visible de votre sac à main avant d’utiliser le nettoyant. Si le cuir change de couleurs, il y a des sprays disponibles de cuir qui peuvent restituer les couleurs du sac à main. Il suffit de faire correspondre le plus possible à l’original.
N’essayez pas de nettoyants, de solvants ou d’autres solutions normales de nettoyage pour nettoyer le cuir. Il est naturellement un matériau poreux qui ne peut pas souvent être entièrement restauré. Si vous suivez le présent conseil, vous n’avez q’un sac à main de luxe dans toute votre vie. J’espère que vous n’êtes pas ennuyeux avec un seul sac à main. Si vous en êtes ennuyeux et que vous souhaitez avoir plus de sacs à main en cuir, il vous suffit de surfer sur Internet et de trouver des sacs à main excellents qui sont conformes à votre go?t unique et à votre appréciation de beauté.
Je ne trouve pas la dérive du poids des pages d’accueil aberrante
Personnellement, je n’ai pas fait attention au poids de ma page d’accueil de Yahoo, merci pour lui rappeler.