{"id":6555,"date":"2017-02-21T10:42:33","date_gmt":"2017-02-21T09:42:33","guid":{"rendered":"https:\/\/www.combell.com\/fr\/blog\/?p=6555"},"modified":"2022-11-08T11:45:55","modified_gmt":"2022-11-08T10:45:55","slug":"boostez-vitesse-chargement-avec-http2","status":"publish","type":"post","link":"https:\/\/www.combell.com\/fr\/blog\/boostez-vitesse-chargement-avec-http2\/","title":{"rendered":"Boostez la vitesse de chargement de votre site web gr\u00e2ce \u00e0 HTTP\/2"},"content":{"rendered":"<p>Le nouveau protocole HTTP\/2 promet u<strong>n transfert de donn\u00e9es plus rapide et plus intelligent<\/strong> via Internet, permettant aux sites web de se charger plus rapidement. Mais qu\u2019est-ce que HTTP\/2 au juste\u00a0? Quels sont ses avantages\u00a0? Et comment pouvez-vous l\u2019activer <strong>gratuitement chez Combell\u00a0?<\/strong><\/p>\n<h2>Qu\u2019est-ce que HTTP\/2\u00a0?<\/h2>\n<p>HTTP\/2 est un protocole de transfert, tout comme son pr\u00e9d\u00e9cesseur, HTTP\/1.1, qui \u00e9tait d\u00e9j\u00e0 devenu une norme en 1999. Mais entre-temps, <strong>le web est devenu bien plus vaste, les pages sont devenues nettement plus complexes et le contenu multim\u00e9dia est pr\u00e9dominant.<\/strong> L\u2019ancien protocole \u00e9tant incapable de traiter cette abondance de donn\u00e9es de fa\u00e7on efficace, on a d\u00e9cid\u00e9 de cr\u00e9er HTTP\/2, qui est bas\u00e9 sur SPDY (prononc\u00e9 \u00ab\u00a0Speedy\u00a0\u00bb), un protocole r\u00e9seau con\u00e7u par Google.<\/p>\n<h2>Comment fonctionne HTTP\/2\u00a0?<\/h2>\n<p>Lorsque vous vous connectez \u00e0 un serveur, votre navigateur d\u00e9marre une session HTTP avec le serveur. Le type de session d\u00e9pend des fonctions prises en charge par le navigateur et le serveur. S\u2019ils prennent tous deux en charge HTTP\/2, le serveur utilisera le protocole HTTP\/2 pour encapsuler et optimiser le trafic, avant de vous l\u2019envoyer via le r\u00e9seau. Si l\u2019un d\u2019eux ne prend pas en charge HTTP\/2, le navigateur ou le serveur se rabattra sur HTTP\/1.1.<\/p>\n<p><strong>HTTP\/2 apporte d\u2019importantes am\u00e9liorations par rapport \u00e0 l\u2019ancien protocole HTTP\/1.1\u00a0:<\/strong><\/p>\n<p><div class=\"su-list\" style=\"margin-left:0px\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-6557\" title=\"HTTP\/2 multiplexage\" src=\"https:\/\/www.combell.com\/fr\/blog\/files\/2017\/02\/HTTP2-multiplexing.gif\" alt=\"HTTP\/2 multiplexage\" width=\"267\" height=\"262\" \/><\/p>\n<ul>\n<li><i class=\"sui sui-angle-double-right\" style=\"color:#1dc05b\"><\/i> <strong>Multiplexage\u00a0:<\/strong> Avec la version 1.1, le protocole ne peut demander les fichiers qu\u2019un par un sur une seule connexion. Cela signifie qu\u2019il faut donc demander un fichier, attendre une r\u00e9ponse et t\u00e9l\u00e9charger le fichier avant de pouvoir demander le fichier suivant. Pour les pages dont le nombre de requ\u00eates est \u00e9lev\u00e9, cela ralentit \u00e9norm\u00e9ment le processus de chargement. De plus, sur les sites web actuels, le contenu provient de plusieurs sources (r\u00e9seaux d\u2019annonces publicitaires, scripts d\u2019optimisation, r\u00e9seaux de diffusion de contenu\u2026). Pour pouvoir demander ce contenu, HTTP\/1.1 doit ouvrir diff\u00e9rentes connexions TCP. En revanche, HTTP\/2 permet d\u2019envoyer plusieurs fichiers simultan\u00e9ment via une seule connexion, et ce gr\u00e2ce au multiplexage.<\/li>\n<\/ul>\n<div class=\"bs-callout bs-callout-default\">\n<p>HTTP\/2 permet d\u2019envoyer plusieurs fichiers simultan\u00e9ment via une seule connexion gr\u00e2ce au multiplexage, ce qui permet d\u2019obtenir un site web plus rapide.<\/p>\n<\/div>\n<ul>\n<li><i class=\"sui sui-angle-double-right\" style=\"color:#1dc05b\"><\/i> <strong>Optimisation des en-t\u00eates\u00a0:<\/strong> Chaque requ\u00eate HTTP contient des informations d\u2019en-t\u00eate. Avec HTTP\/1.1, nombreux de ces en-t\u00eates \u00e9taient \u00e0 chaque fois r\u00e9p\u00e9t\u00e9es lors d\u2019une session. Avec HTTP\/2, les <strong>en-t\u00eates superflus sont \u00e9limin\u00e9s<\/strong> et les <strong>en-t\u00eates restants sont compress\u00e9s<\/strong> (et transmis au format binaire au lieu de texte pur).<\/li>\n<li><i class=\"sui sui-angle-double-right\" style=\"color:#1dc05b\"><\/i> <strong>Server Push\u00a0:<\/strong> Avec HTTP\/1.1, le serveur devait attendre jusqu\u2019\u00e0 ce que le client lance une connexion. Avec HTTP\/2, les serveurs peuvent imm\u00e9diatement pousser les ressources de fa\u00e7on proactive vers le client. Concr\u00e8tement, lorsque votre navigateur se connecte \u00e0 un serveur web et demande une page web, c\u2019est d\u2019abord le fichier HTML qui est envoy\u00e9. Votre navigateur demande ensuite les fichiers JavaScript, les images, les fichiers CSS, etc. Cela requiert naturellement une \u00e9norme quantit\u00e9 de connexions (dans les deux sens), ce qui ralentit l\u2019affichage de la page. <strong>Avec HTTP\/2, le serveur saura de quel contenu votre navigateur a besoin pour pouvoir g\u00e9n\u00e9rer la page. Il poussera alors ces donn\u00e9es vers votre serveur avant m\u00eame que ce dernier les demande.<\/strong><\/li>\n<\/ul>\n<p><\/div><\/p>\n<h2>Quels sont les avantages et les inconv\u00e9nients de HTTP\/2\u00a0?<\/h2>\n<h4>Le nouveau protocole HTTP\/2 offre de nombreux avantages\u00a0:<\/h4>\n<p><div class=\"su-list\" style=\"margin-left:0px\"><\/p>\n<ul>\n<li><i class=\"sui sui-plus\" style=\"color:#30bd53\"><\/i> Un chargement moins long des pages web.<\/li>\n<li><i class=\"sui sui-plus\" style=\"color:#30bd53\"><\/i> S\u00e9curit\u00e9\u00a0: le chiffrement est activ\u00e9 par d\u00e9faut.<\/li>\n<li><i class=\"sui sui-plus\" style=\"color:#30bd53\"><\/i> Adapt\u00e9 aux mobiles gr\u00e2ce \u00e0 la compression des en-t\u00eates.<\/li>\n<li><i class=\"sui sui-plus\" style=\"color:#30bd53\"><\/i> Le multiplexage rend le hacking plus difficile.<\/li>\n<\/ul>\n<p><\/div><\/p>\n<div class=\"bs-callout bs-callout-default\">\n<p>Combell effectue la transition vers HTTP\/2, car ce protocole est plus s\u00fbr, plus rapide, plus efficace, et donc mieux adapt\u00e9 aux mobiles. Activez-le MAINTENANT pour votre site web\u00a0!<\/p>\n<\/div>\n<h4>HTTP\/2 a cependant aussi quelques inconv\u00e9nients\u00a0:<\/h4>\n<p><div class=\"su-list\" style=\"margin-left:0px\"><\/p>\n<ul>\n<li><i class=\"sui sui-minus\" style=\"color:#ff0000\"><\/i> Aucun gain de temps avec d\u2019anciens navigateurs et serveurs, lorsque l\u2019un d\u2019eux n\u2019est pas compatible avec HTTP\/2.<\/li>\n<li><i class=\"sui sui-minus\" style=\"color:#ff0000\"><\/i> HTTPS est n\u00e9cessaire, ce qui signifie qu\u2019un certificat SSL l\u2019est aussi. Cela ne devrait toutefois poser aucun probl\u00e8me, puisque chez Combell, vous pouvez soit utiliser le <a href=\"https:\/\/www.combell.com\/fr\/blog\/combell-augmente-le-niveau-de-securite-des-clients-grace-a-lets-encrypt\/\">certificat Let&rsquo;s Encrypt <\/a>gratuit, soit acheter un <a href=\"https:\/\/www.combell.com\/fr\/certificats-ssl\">certificat premium<\/a>.<\/li>\n<\/ul>\n<p><\/div><\/p>\n<h2>Comment pouvez-vous, vous aussi, profiter de HTTP\/2\u00a0?<\/h2>\n<p>Combell a r\u00e9cemment mis \u00e0 jour tous ses serveurs, qui prennent \u00e0 pr\u00e9sent en charge HTTP\/2. Cela signifie que, vous aussi, vous pouvez activer HTTP\/2 pour votre site web. Si un internaute visite votre site web avec un navigateur moderne qui prend en charge HTTP\/2 (ce que font la plupart d\u2019entre eux), votre site web sera automatiquement transmis \u00e0 l\u2019internaute via le protocole HTTP\/2, et il se chargera donc de fa\u00e7on plus rapide et plus s\u00fbre.<\/p>\n<p>Tout ce que vous devez faire, c\u2019est activer HTTP\/2 pour votre site web. Voici comment faire\u00a0: rendez-vous dans votre panneau de contr\u00f4le MyCombell. Dans les <strong>Param\u00e8tres du Site<\/strong>, vous retrouverez d\u00e9sormais le nouvel onglet <strong>HTTP\/2<\/strong>. Ici, vous pouvez activer HTTP\/2 pour votre site web.<\/p>\n<p style=\"text-align: center;\"><a class=\"cta_button\" href=\"https:\/\/my.combell.com\/fr\/home\" target=\"_blank\" rel=\"noopener\">Activer dans My Combell<\/a><\/p>\n<p>Il est cependant indispensable que vous ayez un certificat SSL valable et actif. Lisez d\u2019autres articles \u00e0 ce sujet\u00a0: <a href=\"https:\/\/www.combell.com\/fr\/blog\/combell-augmente-le-niveau-de-securite-des-clients-grace-a-lets-encrypt\/\">Combell augmente le niveau de s\u00e9curit\u00e9 des clients gr\u00e2ce \u00e0 Let\u2019s Encrypt<\/a> et <a href=\"https:\/\/www.combell.com\/fr\/blog\/un-certificat-ssl-premium-ou-un-certificat-lets-encrypt-gratuit-que-choisir\/\">Un certificat SSL premium ou un certificat Let\u2019s Encrypt gratuit\u2026 que choisir ?<\/a><\/p>\n<h2>Comment voir si votre site web est compatible avec HTTP\/2\u00a0?<\/h2>\n<p>L\u2019extension HTTP\/2 and SPDY Indicator pour <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/http2-indicator\/\" target=\"_blank\" rel=\"noopener\">Firefox<\/a> et <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/http-indicator\/hgcomhbcacfkpffiphlmnlhpppcjgmbl\" target=\"_blank\" rel=\"noopener\">Chrome<\/a> vous permet de voir en un clin d\u2019\u0153il si un site web est compatible avec HTTP\/2 ou non. Apr\u00e8s son installation, vous verrez appara\u00eetre une ic\u00f4ne en forme d\u2019\u00e9clair dans votre barre d\u2019adresses. Avec un site web HTTP\/2, l\u2019\u00e9clair devient bleu. Avec un site qui prend en charge SPDY, il devient rouge. Et un \u00e9clair gris indique que le site web n\u2019est compatible ni avec SPDY, ni avec HTTP\/2.\u00a0Vous pouvez \u00e9galement faire le test en ligne sur <a href=\"https:\/\/tools.keycdn.com\/http2-test\" target=\"_blank\" rel=\"noopener\">Keycdn.com<\/a>.<\/p>\n<p><strong>Profitez sans plus attendre des avantages de HTTP\/2\u00a0: activez-le d\u00e8s aujourd\u2019hui via votre panneau de contr\u00f4le.<\/strong><\/p>\n<p style=\"text-align: center;\"><a class=\"cta_button\" href=\"https:\/\/my.combell.com\/fr\/home\" target=\"_blank\" rel=\"noopener\">Activer dans My Combell<\/a><\/p>\n<p>Vous retrouverez de plus amples informations sur HTTP\/2 sur des sites tels que <a href=\"https:\/\/hpbn.co\/http2\/\" target=\"_blank\" rel=\"noopener\">HPBN<\/a>, <a href=\"https:\/\/http2.github.io\/\" target=\"_blank\" rel=\"noopener\">Github<\/a> et <a href=\"https:\/\/kinsta.com\/learn\/what-is-http2\/\" target=\"_blank\" rel=\"noopener\">Kinsta<\/a>.<\/p>\n<p>Nous vous sugg\u00e9rons d\u2019\u00e9galement consulter cette vid\u00e9o\u00a0: <a href=\"https:\/\/www.youtube.com\/watch?v=vEYKRhETy4A\" target=\"_blank\" rel=\"noopener\">https:\/\/www.youtube.com\/watch?v=vEYKRhETy4A<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le nouveau protocole HTTP\/2 promet un transfert de donn\u00e9es plus rapide et plus intelligent via Internet, permettant aux sites web de se charger plus rapidement. Mais qu\u2019est-ce que HTTP\/2 au...<\/p>\n","protected":false},"author":1,"featured_media":6558,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[67,68,62,64],"tags":[341,216],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/www.combell.com\/fr\/blog\/files\/2017\/02\/http2.jpg",600,200,false],"thumbnail":["https:\/\/www.combell.com\/fr\/blog\/files\/2017\/02\/http2-50x50.jpg",50,50,true],"medium":["https:\/\/www.combell.com\/fr\/blog\/files\/2017\/02\/http2-300x100.jpg",300,100,true],"medium_large":["https:\/\/www.combell.com\/fr\/blog\/files\/2017\/02\/http2.jpg",600,200,false],"large":["https:\/\/www.combell.com\/fr\/blog\/files\/2017\/02\/http2.jpg",600,200,false],"1536x1536":["https:\/\/www.combell.com\/fr\/blog\/files\/2017\/02\/http2.jpg",600,200,false],"2048x2048":["https:\/\/www.combell.com\/fr\/blog\/files\/2017\/02\/http2.jpg",600,200,false],"post-featured":["https:\/\/www.combell.com\/fr\/blog\/files\/2017\/02\/http2.jpg",600,200,false],"post-featured-opt":["https:\/\/www.combell.com\/fr\/blog\/files\/2017\/02\/http2.jpg",600,200,false],"post-featured-opt-md":["https:\/\/www.combell.com\/fr\/blog\/files\/2017\/02\/http2.jpg",600,200,false],"post-featured-opt-sm":["https:\/\/www.combell.com\/fr\/blog\/files\/2017\/02\/http2-485x165.jpg",485,165,true],"post-featured-opt-xs":["https:\/\/www.combell.com\/fr\/blog\/files\/2017\/02\/http2-375x128.jpg",375,128,true],"post-most-popular":["https:\/\/www.combell.com\/fr\/blog\/files\/2017\/02\/http2-50x50.jpg",50,50,true],"post-author":["https:\/\/www.combell.com\/fr\/blog\/files\/2017\/02\/http2-60x60.jpg",60,60,true]},"uagb_author_info":{"display_name":"Combell","author_link":"https:\/\/www.combell.com\/fr\/blog\/author\/blogadmin\/"},"uagb_comment_info":1,"uagb_excerpt":"Le nouveau protocole HTTP\/2 promet un transfert de donn\u00e9es plus rapide et plus intelligent via Internet, permettant aux sites web de se charger plus rapidement. Mais qu\u2019est-ce que HTTP\/2 au...","_links":{"self":[{"href":"https:\/\/www.combell.com\/fr\/blog\/wp-json\/wp\/v2\/posts\/6555"}],"collection":[{"href":"https:\/\/www.combell.com\/fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.combell.com\/fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.combell.com\/fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.combell.com\/fr\/blog\/wp-json\/wp\/v2\/comments?post=6555"}],"version-history":[{"count":10,"href":"https:\/\/www.combell.com\/fr\/blog\/wp-json\/wp\/v2\/posts\/6555\/revisions"}],"predecessor-version":[{"id":7755,"href":"https:\/\/www.combell.com\/fr\/blog\/wp-json\/wp\/v2\/posts\/6555\/revisions\/7755"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.combell.com\/fr\/blog\/wp-json\/wp\/v2\/media\/6558"}],"wp:attachment":[{"href":"https:\/\/www.combell.com\/fr\/blog\/wp-json\/wp\/v2\/media?parent=6555"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.combell.com\/fr\/blog\/wp-json\/wp\/v2\/categories?post=6555"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.combell.com\/fr\/blog\/wp-json\/wp\/v2\/tags?post=6555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}