{"id":16987,"date":"2023-10-23T08:55:54","date_gmt":"2023-10-23T08:55:54","guid":{"rendered":"https:\/\/sitechecker.pro\/?page_id=16987"},"modified":"2025-08-06T21:33:46","modified_gmt":"2025-08-06T21:33:46","slug":"importance-web-page-size","status":"publish","type":"page","link":"https:\/\/sitechecker.pro\/fr\/importance-web-page-size\/","title":{"rendered":"Quelle est l&#8217;importance de la taille de la page Web | Sitechecker"},"content":{"rendered":"<p>La taille d\u2019une page web est importante ! Nous ne parlons pas du design ou de la nature du site, mais simplement &#8211; de la taille de l\u2019\u00e9cran sur lequel les visiteurs consultent votre site. En effet, un site Web qui n\u2019est pas optimis\u00e9 pour chaque dimension d\u2019\u00e9cran, sera automatiquement source d\u2019inconv\u00e9nient pour l\u2019utilisateur. Il est donc tr\u00e8s important de rendre l\u2019affichage de votre site Web de plus facile depuis n\u2019importe quel type d\u2019appareil, que ce soit \u00e0 partir d\u2019un \u00e9cran de grande taille ou d\u2019un \u00e9cran d\u2019un petit t\u00e9l\u00e9phone portable.<\/p>\n<h2 id=\"ascension\">La forte ascension de la Taille d\u2019une Page Web<\/h2>\n<p>1990 voit apparaitre la premi\u00e8re page Internet. Depuis, la taille des pages Web n\u2019a cess\u00e9 d\u2019augmenter par suite du d\u00e9veloppement technologique et de l\u2019ajout de diff\u00e9rents types de polices, images, vid\u00e9os et fichiers CSS \/ JS aux sites. Selon les informations publi\u00e9es par httparchive.org, la taille moyenne des pages Web est pass\u00e9e de 702 Ko en 2010 \u00e0 3422 Ko en 2017.<\/p>\n<p>Quand aux donn\u00e9es statistiques officielles les plus r\u00e9centes (recueillies en novembre 2018), sur les dimensions de site Web, elles nous indiquent que les formats page Web les plus utilisables sont :<\/p>\n<p>Statistiques mondiales concernant la <strong>r\u00e9solution d\u2019\u00e9cran de bureau:<\/strong><\/p>\n<p>&nbsp;<\/p>\n<table border=\"\u00bb2\u2033\" width=\"700\" cellspacing=\"\u00bb15\u2033\" cellpadding=\"\u00bb15\u2033\" align=\"\u00bbcenter\u00bb\">\n<tbody>\n<tr>\n<td>Largeur x Hauteur<\/td>\n<td>1366&#215;768<\/td>\n<td>1920&#215;1080<\/td>\n<td>360&#215;640<\/td>\n<td>1440&#215;900<\/td>\n<td>1536&#215;864<\/td>\n<td>1600&#215;900<\/td>\n<\/tr>\n<tr>\n<td>Using<\/td>\n<td>22.7%<\/td>\n<td>17.94%<\/td>\n<td>7.8%<\/td>\n<td>6.3%<\/td>\n<td>5.05%<\/td>\n<td>4.55%<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<p>Statistiques mondiales concernant la <strong>r\u00e9solution d<\/strong><strong>\u2019<\/strong><strong>\u00e9cran mobile:<\/strong><\/p>\n<p>&nbsp;<\/p>\n<table border=\"\u00bb2\u2033\" width=\"700\" cellspacing=\"\u00bb15\u2033\" cellpadding=\"\u00bb15\u2033\" align=\"\u00bbcenter\u00bb\">\n<tbody>\n<tr>\n<td>Largeur x Hauteur<\/td>\n<td>360&#215;640<\/td>\n<td>375&#215;667<\/td>\n<td>414&#215;736<\/td>\n<td>720&#215;1280<\/td>\n<td>360&#215;720<\/td>\n<td>320&#215;568<\/td>\n<\/tr>\n<tr>\n<td>Using<\/td>\n<td>33.54%<\/td>\n<td>11.07%<\/td>\n<td>5.15%<\/td>\n<td>3.89%<\/td>\n<td>3.67%<\/td>\n<td>3.53%<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<h2 id=\"causes\">Comment cela est-il possible ?<\/h2>\n<p>L\u2019explication peut se trouver dans un certain nombre de facteurs contribuant de mani\u00e8re significative \u00e0 l\u2019augmentation de la dimension de la page web. Ils vous sont d\u00e9crits ci-dessous.<\/p>\n    <div class=\"blog__conversion blog__conversion-app element__logged_out\">\n        <div class=\"blog__conversion-inner\">\n            <p class=\"title\">V\u00e9rifiez le score SEO de votre site Web<\/p>\n            <p class=\"description\">Auditez votre site Web pour trouver quelles pages contiennent des erreurs de r\u00e9f\u00e9rencement, comment les corriger et obtenir plus de trafic<\/p>\n            <form id=\"audit__form\"\n                  class=\"article__seo-search audit__form Auditez votre site Web pour trouver quelles pages contiennent des erreurs de r\u00e9f\u00e9rencement, comment les corriger et obtenir plus de trafic\"\n                  action=\"\"\n                  method=\"POST\"\n                  autocomplete=\"off\">\n                <span class=\"error\"><\/span>\n                <div class=\"error__limits\">Something went wrong. Please, try again later.<\/div>\n                <input name=\"url\"\n                       type=\"text\"\n                       placeholder=\"Entrez votre nom de domaine\">\n                                <button type=\"submit\"\n                        class=\"sitechecker__text\">\n                    <span>D\u00e9but<\/span>\n                    <img src=\"\/wp-content\/themes\/sitechecker\/out\/img_design\/loading.svg\"\n                         width=\"31\"\n                         height=\"30\"\n                         class=\"loading\">\n                <\/button>\n            <\/form>\n        <\/div>\n    <\/div>\n    \n<h3 id=\"causes1\">JavaScript<\/h3>\n<p>L\u2019id\u00e9e cr\u00e9atrice de JavaScript a \u00e9t\u00e9 d\u2019ajouter de l&#8217;interactivit\u00e9 aux pages HTML.<br \/>\nJavaScript fourni aux d\u00e9veloppeurs HTML un outil de programmation puissant tout en restant pratique. Bien que la majorit\u00e9 des d\u00e9veloppements HTML n\u2019aient rien \u00e0 voir avec la programmation r\u00e9elle, JavaScript simplifie encore plus le travail en proposant un langage de script \u00e0 la syntaxe tr\u00e8s simple. C\u2019est en 1995 qu\u2019est apparu sa premi\u00e8re variation. Il a depuis \u00e9t\u00e9 am\u00e9lior\u00e9 \u00e0 plusieurs reprises jusqu\u2019\u00e0 atteindre sa forme actuelle.<\/p>\n<p><strong>Cet outil efficace offre aux d\u00e9veloppeurs les possibilit\u00e9s et les fonctionnalit\u00e9s suivantes :<\/strong><\/p>\n<ul>\n<li>Ajouter ou supprimer des tags ;<\/li>\n<li>Changer les styles de page ;<\/li>\n<li>Jeux Internet ;<\/li>\n<li>Informations sur l\u2019activit\u00e9 de l\u2019utilisateur sur la page ;<\/li>\n<li>Apporter des modifications au code ;<\/li>\n<li>Animation d&#8217;une page Web.<\/li>\n<\/ul>\n<p>Le champ d\u2019application de cette langue est illimit\u00e9. Par cons\u00e9quent, il est tr\u00e8s important d\u2019utiliser JavaScript pour vos ressources Web, sans oublier de r\u00e9duire autant que possible la taille des fichiers pour obtenir la taille page web la plus petite dans le but de rendre votre site convivial et attrayant pour tous les utilisateurs.<\/p>\n<h3 id=\"causes2\">Images<\/h3>\n<p>L\u2019accroissement de la dimension des pages web durant ces 7 derni\u00e8res ann\u00e9es est principalement due aux images. Devenues de plus en plus fr\u00e9quentes, elles sont \u00e9galement l\u2019un des principaux attributs pour attirer l\u2019attention des utilisateurs. En effet, les lecteurs trouvent rarement un article int\u00e9ressant \u00e0 lire sans la pr\u00e9sence d\u2019images et personne ne va acheter un produit sans avoir une illustration de son apparence. Des solutions existent pour r\u00e9soudre le probl\u00e8me de la taille de l\u2019image. Des services tels que Optimus, Imagify ou autres permettent de compresser la taille de l\u2019image sans pour autant en alt\u00e9rer la qualit\u00e9. La dimension page Web s\u2019en trouve fortement influenc\u00e9e. De plus, les formats WebP et FLIF ont pour vocation de r\u00e9duire davantage la taille de l\u2019image et donc de r\u00e9duire encore la dimension des pages Web.<\/p>\n<h3 id=\"causes3\">Les polices de caract\u00e8res<\/h3>\n<p>Comment une police peut-elle influencer la vitesse d\u2019une page Web ? Tout comme les images, la qualit\u00e9 des polices s\u2019est am\u00e9lior\u00e9e de fa\u00e7on consid\u00e9rable au fil des ans. Des millions d\u2019options sont actuellement disponibles pour cr\u00e9er votre propre style. Aujourd\u2019hui, environ 57% des sites existant utilisent des polices personnalis\u00e9es. Pour un site standard, l\u2019espace occup\u00e9 par les polices de caract\u00e8res \u00e9tait d\u2019environ 113 Ko en 2017 alors qu\u2019il n\u2019\u00e9tait que de 2 Ko en 2010.  Etant un facteur tr\u00e8s important pour une image de marque personnalis\u00e9e, vous devez choisir une police qui conviendra non seulement \u00e0 votre marque, au style et format page web mais \u00e9galement qui pourra se charger rapidement, la taille de page web \u00e9tant impact\u00e9e.<\/p>\n<h3 id=\"causes4\">Vid\u00e9os<\/h3>\n<p>Au fil des ans l\u2019utilisation de vid\u00e9os sur des sites Web s\u2019est aussi d\u00e9velopp\u00e9e de mani\u00e8re croissante. Les vid\u00e9os sont souvent utilis\u00e9es pour attirer l\u2019attention du public, dans le cadre de pr\u00e9sentation de produits et comme outil de r\u00e9f\u00e9rencement efficace. Cependant, une vid\u00e9o de haute qualit\u00e9 influence fortement la taille de page web. Ces six derni\u00e8res ann\u00e9es, la taille d\u2019une vid\u00e9o standard est pass\u00e9e \u00e0 174 Ko. Si pour l\u2019instant elle ne repr\u00e9sente que plus ou moins 7,7% du volume totale du site Web, elle deviendra bient\u00f4t un probl\u00e8me plus important \u00e0 moins que la compression vid\u00e9o ne s&#8217;am\u00e9liore.<\/p>\n<h3 id=\"causes5\">La publicit\u00e9<\/h3>\n<p>Les publicit\u00e9s sont devenues complexes dans notre monde moderne. Elles ne sont plus con\u00e7ues \u00e0 partir de texte brut uniquement. Pour attirer un maximum d\u2019attention, les gestionnaires de r\u00e9seaux sociaux ajoutent principalement des photos, des animations ou m\u00eame des vid\u00e9os \u00e0 leurs publicit\u00e9s, augmentant ainsi la dimension page web et le temps de chargement. Comment peut-on rem\u00e9dier \u00e0 cela ? L\u2019utilisateur peut utiliser un bloqueur de publicit\u00e9 pour r\u00e9soudre ce probl\u00e8me. La visibilit\u00e9 des annonces sera r\u00e9duite (votre navigateur ne les chargera pas) augmentant consid\u00e9rablement la vitesse de chargement.<br \/>\nEn se r\u00e9f\u00e9rant \u00e0 l\u2019article du nytimes.com, boston.com et d\u2019autres sites d\u2019actualit\u00e9s similaires. il faut environ 33 secondes pour charger 16,3 Mo, sans bloqueur de publicit\u00e9. Alors que l\u2019utilisation d\u2019un bloqueur de publicit\u00e9 vous permet de r\u00e9duire de fa\u00e7on cons\u00e9quente le temps de chargement \u00e0 7 secondes et r\u00e9duit la dimension de la page web \u00e0 3,5 Mo. Cette solution est particuli\u00e8rement efficace pour les appareils mobiles ou les tablettes.<br \/>\nSurveillez les annonces sur le site pour observer comment elles impactent la vitesse. R\u00e9glementez et modifiez les annonces sur votre ressource Web, pour qu\u2019elles occupent le moins d\u2019octets possibles et n\u2019augmentent pas de fa\u00e7on consid\u00e9rable la dimension page web. Vous pouvez m\u00eame enti\u00e8rement supprimer l\u2019annonce si vous constatez qu\u2019elle ralentit trop le site.<\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"mobiles\">Qu\u2019en est-il avec les appareils mobiles ?<\/h2>\n<p>Les statistiques nous apprennent que les individus utilisent plus souvent les appareils mobiles. Au cours de deux derni\u00e8res ann\u00e9es le nombre d\u2019utilisateurs d\u2019appareils mobiles a augment\u00e9 de plusieurs centaines aux millions parce qu\u2019utiliser des t\u00e9l\u00e9phones et des tablettes est beaucoup plus rapide et plus convivial que des PC ou des ordinateurs portables.<br \/>\nLukew.com propose un article avec les informations suivantes :<\/p>\n<p>En comparaison \u00e0 la moyenne d\u2019une connexion d\u2019un ordinateur de bureau les connexions 3G sont plus lentes de 40% et les connexions 4G de 12%.<br \/>\nSur 347 sites Web, environ 86% ont fourni des prestations identiques pour tous les appareils.<br \/>\nCela signifie que la vitesse de la page souffrira si elle n\u2019est pas optimis\u00e9e pour les appareils mobiles. C\u2019est essentiel pour chaque site ! Cela peut impliquer de faire l\u2019impasse sur certains aspects, comme par exemple supprimer une insertion d\u2019animation ou d\u2019une vid\u00e9o pour consid\u00e9rablement diminuer la taille de la page. Les utilisateurs d\u2019appareils mobiles appr\u00e9cieront l\u2019\u00e9l\u00e9vation de la vitesse de chargement et vivront une grande exp\u00e9rience d\u2019utilisation. Donc n\u2019oubliez pas de tester la vitesse du site Web !<\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"conclusion\">Conclusion<\/h2>\n<p>Votre site devrait avoir une vitesse de fonctionnement la plus \u00e9lev\u00e9e qui soit. Pour que cela devienne r\u00e9alit\u00e9, vous devez faire tout ce qui est en votre pouvoir pour r\u00e9duire le temps de chargement sur tous les types d\u2019appareils : portez particuli\u00e8rement votre attention sur les images. Se sont-elles qui occupent g\u00e9n\u00e9ralement la plus grande partie (environ 44%) de la taille totale. Toutefois, pour correspondre \u00e0 la taille moyenne des pages Web, tous les aspects doivent \u00eatre optimis\u00e9s (des polices aux annonces), comme cela a \u00e9t\u00e9 mentionn\u00e9 ci-dessus &#8211; il est tr\u00e8s important d\u2019attirer non seulement de nouveaux visiteurs, mais \u00e9galement de retenir l\u2019attention de vos fid\u00e8les clients et utilisateurs pendant de nombreuses ann\u00e9es.<\/p>","protected":false},"excerpt":{"rendered":"La taille d\u2019une page web est importante ! Nous ne parlons pas du design ou de la nature du site, mais simplement &#8211; de la taille de l\u2019\u00e9cran sur lequel les visiteurs consultent votre site. En effet, un site Web qui n\u2019est pas optimis\u00e9 pour chaque dimension d\u2019\u00e9cran, sera automatiquement source d\u2019inconv\u00e9nient pour l\u2019utilisateur. Il&#8230;","protected":false},"author":11474150,"featured_media":3353,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"pages-templates\/pages-v2.php","meta":[],"categories":[27],"tags":[],"_links":{"self":[{"href":"https:\/\/sitechecker.pro\/fr\/wp-json\/wp\/v2\/pages\/16987"}],"collection":[{"href":"https:\/\/sitechecker.pro\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sitechecker.pro\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sitechecker.pro\/fr\/wp-json\/wp\/v2\/users\/11474150"}],"replies":[{"embeddable":true,"href":"https:\/\/sitechecker.pro\/fr\/wp-json\/wp\/v2\/comments?post=16987"}],"version-history":[{"count":13,"href":"https:\/\/sitechecker.pro\/fr\/wp-json\/wp\/v2\/pages\/16987\/revisions"}],"predecessor-version":[{"id":38131,"href":"https:\/\/sitechecker.pro\/fr\/wp-json\/wp\/v2\/pages\/16987\/revisions\/38131"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sitechecker.pro\/fr\/wp-json\/wp\/v2\/media\/3353"}],"wp:attachment":[{"href":"https:\/\/sitechecker.pro\/fr\/wp-json\/wp\/v2\/media?parent=16987"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitechecker.pro\/fr\/wp-json\/wp\/v2\/categories?post=16987"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitechecker.pro\/fr\/wp-json\/wp\/v2\/tags?post=16987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}