{"id":4135,"date":"2020-12-09T15:00:13","date_gmt":"2020-12-09T15:00:13","guid":{"rendered":"http:\/\/afrikanet.com\/?p=4135"},"modified":"2021-06-02T08:26:45","modified_gmt":"2021-06-02T08:26:45","slug":"internet-refonte-web-quelques-points","status":"publish","type":"post","link":"https:\/\/afrikanet.com\/fr\/internet-refonte-web-quelques-points\/","title":{"rendered":"(Fran\u00e7ais) \u00a0INTERNET\u00a0: LA REFONTE WEB\u00a0EN QUELQUES POINTS\u2026"},"content":{"rendered":"<strong><em>Soigner le design et optimiser les images,\u00a0Monitorer et manager les scripts tiers&#8230;\u00a0une refonte peut entra\u00eener d\u2019importants investissements.<\/em><\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Selon des \u00e9tudes men\u00e9es par Google, la vitesse est le crit\u00e8re UX le plus important pour les internautes. Loin devant les qualit\u00e9s esth\u00e9tiques, ou encore la facilit\u00e9 \u00e0 trouver les informations recherch\u00e9es. En outre,\u00a0\u00a0si au bout de 3 secondes le contenu d\u2019une page ne s\u2019affiche pas sur mobile, 53% des internautes quittent le site pour toujours.<\/p>\n<p>De m\u00eame, les difficult\u00e9s de navigation font partie des raisons principales pour lesquelles les visiteurs interrompent leurs achats. En r\u00e9sum\u00e9, la vitesse n\u2019est pas seulement une question de confort, c\u2019est un enjeu pour les taux de transformation et le CA.<\/p>\n<p>La vitesse devient \u00e9galement un crit\u00e8re pour le SEO puisque Google int\u00e8gre 3 indicateurs de vitesse \u00e0 son algorithme de classement. Ils sont regroup\u00e9s sous le nom de Core Web Vitals, permettant de mesurer la qualit\u00e9 de l\u2019UX en prenant en compte la vitesse de chargement. Particuli\u00e8rement l\u2019affichage, l\u2019interactivit\u00e9 et la stabilit\u00e9 visuelle.<\/p>\n<p>Vu que les fronti\u00e8res entre la web performance, le SEO et l\u2019UX sont de plus en plus perm\u00e9ables, penser \u00ab\u00a0webperf by design\u00a0\u00bb lors d\u2019un projet de refonte. C\u2019est l\u2019assurance d\u2019un site qui propose une exp\u00e9rience d\u2019une qualit\u00e9 incomparable.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>1- Soigner le design et optimiser les images<\/strong><\/p>\n<p>Une refonte est bien \u00e9videmment l\u2019occasion de revoir le design graphique d\u2019un site ainsi que son interface. Pour y arriver, les images ont un r\u00f4le important \u00e0 jouer. C\u2019est pourquoi, elles prennent de plus en plus de place et sont m\u00eame n\u00e9cessaires pour illustrer des produits ou apporter des informations. Elles repr\u00e9sentent en moyenne 50% du poids des pages, apprend-on.<\/p>\n<p>Pour conserver des pages rapides malgr\u00e9 la pr\u00e9sence d\u2019images, des techniques d\u2019optimisation sont \u00e0 port\u00e9e de main: La compression : elle permet de r\u00e9duire le poids des images tout en pr\u00e9servant leur qualit\u00e9 visuelle\u00a0; le Progressive JPEG : cette technique permet d\u2019afficher vite les images, d\u2019abord en basse qualit\u00e9, ensuite en qualit\u00e9 optimale.<\/p>\n<p>Le Lazyloading, quant \u00e0 lui,\u00a0\u00a0consiste \u00e0 charger seulement ce qui est visible dans le viewport, plut\u00f4t que l\u2019ensemble de la page. Les formats d\u2019image de nouvelle g\u00e9n\u00e9ration : par exemple WebP, ou encore plus r\u00e9cemment AVIF qui offre de bien meilleures performances pour les temps de chargement avec des fichiers plus l\u00e9gers mais aussi de meilleure qualit\u00e9.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>2- Nettoyer et optimiser le code<\/strong><\/p>\n<p>Il faut profiter d\u2019une refonte pour faire le m\u00e9nage. A l\u2019instar des images, les fichiers CSS, JavaScript et HTML qui composent une page doivent \u00eatre aussi l\u00e9gers que possible pour permettre un chargement rapide.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>3- Monitorer et manager les scripts tiers<\/strong><\/p>\n<p>94% des sites web comportent des scripts tiers : pubs, trackers, web analytics, test A\/B, modules de chat\u2026 Ils apportent de la valeur, cependant ils peuvent \u00e9galement multiplier par deux ou trois le temps d\u2019acc\u00e8s \u00e0 une fonctionnalit\u00e9.<\/p>\n<p>En termes d\u2019impact sur la vitesse des pages, tous les scripts tiers ne se valent pas. Ils ne sont pas non plus automatiquement responsables des lenteurs. Aussi, il peut absorber facilement les millisecondes n\u00e9cessaires aux tiers pour se charger et s\u2019ex\u00e9cuter.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>4-Soigner la version mobile<\/strong><\/p>\n<p>La version mobile des pages d\u2019un site web doit aussi \u00eatre une priorit\u00e9. L\u2019usage du mobile ne cesse d\u2019augmenter. Suivant une \u00e9tude Statista, entre 2011 et 2018, la part des Fran\u00e7ais disposant d\u2019un Smartphone est pass\u00e9e de 17 \u00e0 75%. Il faut savoir que la vitesse est plus difficile \u00e0 optimiser sur les devices mobiles car les conditions de navigation sont plus incertaines (qualit\u00e9 du r\u00e9seau, puissance du t\u00e9l\u00e9phone\u2026).<\/p>\n<p>La vitesse des pages sur mobile doit \u00eatre examin\u00e9e avec la plus grande attention pour offrir une exp\u00e9rience optimale \u00e0 tous les utilisateurs. C\u2019est d\u2019autant plus important que Google est pass\u00e9 \u00e0 un mode d\u2019indexation Mobile First, c\u2019est-\u00e0-dire qu\u2019il crawle d\u2019abord les pages comme s\u2019il \u00e9tait un mobile.<\/p>\n<p>Pour finir, tester la vitesse sur des mobiles d\u2019entr\u00e9e de gamme est indispensable car tous les utilisateurs ne sont pas forc\u00e9ment \u00e9quip\u00e9s des mod\u00e8les les plus r\u00e9cents. Un conseil : si ce n&rsquo;est pas d\u00e9j\u00e0 fait, observez les devices les plus utilis\u00e9s par vos visiteurs.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>5- D\u00e9finir une strat\u00e9gie de cache et adopter un syst\u00e8me de cache intelligent<\/strong><\/p>\n<p>Une strat\u00e9gie de cache consiste notamment \u00e0 d\u00e9finir quel cache conserve quelles donn\u00e9es pour combien de temps et comment ces caches sont mis \u00e0 jour. Dans la pratique, un site comporte entre autres\u00a0: des contenus statiques, qui restent similaires pour tous les utilisateurs et qui peuvent donc \u00eatre mis en cache.<\/p>\n<p>Des contenus dynamiques : paniers d\u2019achat, contenus personnalis\u00e9s en fonction de la zone g\u00e9ographique, des pr\u00e9f\u00e9rences enregistr\u00e9es\u2026 Ces donn\u00e9es sont diff\u00e9rentes d\u2019un utilisateur \u00e0 l\u2019autre et peuvent \u00e9voluer en cours de navigation.<\/p>\n<p>&nbsp;<\/p>\n<p><strong><em>PCN<\/em><\/strong><\/p>\n<p><em>Source\u00a0: Journal du Net<\/em>","protected":false},"excerpt":{"rendered":"<p>Soigner le design et optimiser les images,\u00a0Monitorer et manager les scripts tiers&#8230;\u00a0une refonte peut entra\u00eener d\u2019importants investissements. &nbsp; Selon des \u00e9tudes men\u00e9es par Google, la vitesse est le crit\u00e8re UX le plus important pour les internautes. Loin devant les qualit\u00e9s esth\u00e9tiques, ou encore la facilit\u00e9 \u00e0 trouver les informations recherch\u00e9es. En outre,\u00a0\u00a0si au bout de 3 secondes le contenu d\u2019une page ne s\u2019affiche pas sur mobile, 53% des internautes quittent le site pour toujours. De m\u00eame, les difficult\u00e9s de navigation font partie des raisons principales pour lesquelles les visiteurs interrompent leurs achats. En r\u00e9sum\u00e9, la vitesse n\u2019est pas seulement une question de confort, c\u2019est un enjeu pour les taux de transformation et le CA. La vitesse devient \u00e9galement un crit\u00e8re pour le SEO puisque Google int\u00e8gre 3 indicateurs de vitesse [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":11981,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[368,369,355,389,400],"tags":[438,439],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>(Fran\u00e7ais) \u00a0INTERNET\u00a0: LA REFONTE WEB\u00a0EN QUELQUES POINTS\u2026 - Afrikanet<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/afrikanet.com\/fr\/internet-refonte-web-quelques-points\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"(Fran\u00e7ais) \u00a0INTERNET\u00a0: LA REFONTE WEB\u00a0EN QUELQUES POINTS\u2026 - Afrikanet\" \/>\n<meta property=\"og:description\" content=\"Soigner le design et optimiser les images,\u00a0Monitorer et manager les scripts tiers&#8230;\u00a0une refonte peut entra\u00eener d\u2019importants investissements. &nbsp; Selon des \u00e9tudes men\u00e9es par Google, la vitesse est le crit\u00e8re UX le plus important pour les internautes. Loin devant les qualit\u00e9s esth\u00e9tiques, ou encore la facilit\u00e9 \u00e0 trouver les informations recherch\u00e9es. En outre,\u00a0\u00a0si au bout de 3 secondes le contenu d\u2019une page ne s\u2019affiche pas sur mobile, 53% des internautes quittent le site pour toujours. De m\u00eame, les difficult\u00e9s de navigation font partie des raisons principales pour lesquelles les visiteurs interrompent leurs achats. En r\u00e9sum\u00e9, la vitesse n\u2019est pas seulement une question de confort, c\u2019est un enjeu pour les taux de transformation et le CA. La vitesse devient \u00e9galement un crit\u00e8re pour le SEO puisque Google int\u00e8gre 3 indicateurs de vitesse [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/afrikanet.com\/fr\/internet-refonte-web-quelques-points\/\" \/>\n<meta property=\"og:site_name\" content=\"Afrikanet\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-09T15:00:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-02T08:26:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/afrikanet.com\/wp-content\/uploads\/2020\/12\/LA-REFONTE-WEB-EN-QUELQUES-POINTS.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"683\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Afrika Net Admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Afrika Net Admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/afrikanet.com\/fr\/internet-refonte-web-quelques-points\/\",\"url\":\"https:\/\/afrikanet.com\/fr\/internet-refonte-web-quelques-points\/\",\"name\":\"(Fran\u00e7ais) \u00a0INTERNET\u00a0: LA REFONTE WEB\u00a0EN QUELQUES POINTS\u2026 - Afrikanet\",\"isPartOf\":{\"@id\":\"https:\/\/afrikanet.com\/fr\/#website\"},\"datePublished\":\"2020-12-09T15:00:13+00:00\",\"dateModified\":\"2021-06-02T08:26:45+00:00\",\"author\":{\"@id\":\"https:\/\/afrikanet.com\/fr\/#\/schema\/person\/9033aba20ba1c9dafca7b669887bb552\"},\"breadcrumb\":{\"@id\":\"https:\/\/afrikanet.com\/fr\/internet-refonte-web-quelques-points\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/afrikanet.com\/fr\/internet-refonte-web-quelques-points\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/afrikanet.com\/fr\/internet-refonte-web-quelques-points\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/afrikanet.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"(Fran\u00e7ais) \u00a0INTERNET\u00a0: LA REFONTE WEB\u00a0EN QUELQUES POINTS\u2026\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/afrikanet.com\/fr\/#website\",\"url\":\"https:\/\/afrikanet.com\/fr\/\",\"name\":\"Afrikanet\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/afrikanet.com\/fr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/afrikanet.com\/fr\/#\/schema\/person\/9033aba20ba1c9dafca7b669887bb552\",\"name\":\"Afrika Net Admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/afrikanet.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f135d2660918d7c1635d6c72ace66e55?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f135d2660918d7c1635d6c72ace66e55?s=96&d=mm&r=g\",\"caption\":\"Afrika Net Admin\"},\"sameAs\":[\"https:\/\/afrikanet.com\/\"],\"url\":\"https:\/\/afrikanet.com\/fr\/author\/afrikan\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"(Fran\u00e7ais) \u00a0INTERNET\u00a0: LA REFONTE WEB\u00a0EN QUELQUES POINTS\u2026 - Afrikanet","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/afrikanet.com\/fr\/internet-refonte-web-quelques-points\/","og_locale":"fr_FR","og_type":"article","og_title":"(Fran\u00e7ais) \u00a0INTERNET\u00a0: LA REFONTE WEB\u00a0EN QUELQUES POINTS\u2026 - Afrikanet","og_description":"Soigner le design et optimiser les images,\u00a0Monitorer et manager les scripts tiers&#8230;\u00a0une refonte peut entra\u00eener d\u2019importants investissements. &nbsp; Selon des \u00e9tudes men\u00e9es par Google, la vitesse est le crit\u00e8re UX le plus important pour les internautes. Loin devant les qualit\u00e9s esth\u00e9tiques, ou encore la facilit\u00e9 \u00e0 trouver les informations recherch\u00e9es. En outre,\u00a0\u00a0si au bout de 3 secondes le contenu d\u2019une page ne s\u2019affiche pas sur mobile, 53% des internautes quittent le site pour toujours. De m\u00eame, les difficult\u00e9s de navigation font partie des raisons principales pour lesquelles les visiteurs interrompent leurs achats. En r\u00e9sum\u00e9, la vitesse n\u2019est pas seulement une question de confort, c\u2019est un enjeu pour les taux de transformation et le CA. La vitesse devient \u00e9galement un crit\u00e8re pour le SEO puisque Google int\u00e8gre 3 indicateurs de vitesse [&hellip;]","og_url":"https:\/\/afrikanet.com\/fr\/internet-refonte-web-quelques-points\/","og_site_name":"Afrikanet","article_published_time":"2020-12-09T15:00:13+00:00","article_modified_time":"2021-06-02T08:26:45+00:00","og_image":[{"width":683,"height":512,"url":"https:\/\/afrikanet.com\/wp-content\/uploads\/2020\/12\/LA-REFONTE-WEB-EN-QUELQUES-POINTS.jpg","type":"image\/jpeg"}],"author":"Afrika Net Admin","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Afrika Net Admin","Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/afrikanet.com\/fr\/internet-refonte-web-quelques-points\/","url":"https:\/\/afrikanet.com\/fr\/internet-refonte-web-quelques-points\/","name":"(Fran\u00e7ais) \u00a0INTERNET\u00a0: LA REFONTE WEB\u00a0EN QUELQUES POINTS\u2026 - Afrikanet","isPartOf":{"@id":"https:\/\/afrikanet.com\/fr\/#website"},"datePublished":"2020-12-09T15:00:13+00:00","dateModified":"2021-06-02T08:26:45+00:00","author":{"@id":"https:\/\/afrikanet.com\/fr\/#\/schema\/person\/9033aba20ba1c9dafca7b669887bb552"},"breadcrumb":{"@id":"https:\/\/afrikanet.com\/fr\/internet-refonte-web-quelques-points\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/afrikanet.com\/fr\/internet-refonte-web-quelques-points\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/afrikanet.com\/fr\/internet-refonte-web-quelques-points\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/afrikanet.com\/"},{"@type":"ListItem","position":2,"name":"(Fran\u00e7ais) \u00a0INTERNET\u00a0: LA REFONTE WEB\u00a0EN QUELQUES POINTS\u2026"}]},{"@type":"WebSite","@id":"https:\/\/afrikanet.com\/fr\/#website","url":"https:\/\/afrikanet.com\/fr\/","name":"Afrikanet","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/afrikanet.com\/fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/afrikanet.com\/fr\/#\/schema\/person\/9033aba20ba1c9dafca7b669887bb552","name":"Afrika Net Admin","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/afrikanet.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f135d2660918d7c1635d6c72ace66e55?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f135d2660918d7c1635d6c72ace66e55?s=96&d=mm&r=g","caption":"Afrika Net Admin"},"sameAs":["https:\/\/afrikanet.com\/"],"url":"https:\/\/afrikanet.com\/fr\/author\/afrikan\/"}]}},"_links":{"self":[{"href":"https:\/\/afrikanet.com\/fr\/wp-json\/wp\/v2\/posts\/4135"}],"collection":[{"href":"https:\/\/afrikanet.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/afrikanet.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/afrikanet.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/afrikanet.com\/fr\/wp-json\/wp\/v2\/comments?post=4135"}],"version-history":[{"count":1,"href":"https:\/\/afrikanet.com\/fr\/wp-json\/wp\/v2\/posts\/4135\/revisions"}],"predecessor-version":[{"id":11982,"href":"https:\/\/afrikanet.com\/fr\/wp-json\/wp\/v2\/posts\/4135\/revisions\/11982"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/afrikanet.com\/fr\/wp-json\/wp\/v2\/media\/11981"}],"wp:attachment":[{"href":"https:\/\/afrikanet.com\/fr\/wp-json\/wp\/v2\/media?parent=4135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/afrikanet.com\/fr\/wp-json\/wp\/v2\/categories?post=4135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/afrikanet.com\/fr\/wp-json\/wp\/v2\/tags?post=4135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}