{"id":439,"date":"2019-08-19T16:04:02","date_gmt":"2019-08-19T16:04:02","guid":{"rendered":"https:\/\/www.ezoic.com\/fr-lang\/2019\/08\/19\/comment-pre-connecter-les-origines-pour-rendre-votre-site-web-plus-rapide-2\/"},"modified":"2019-08-19T16:04:02","modified_gmt":"2019-08-19T16:04:02","slug":"comment-pre-connecter-les-origines-pour-rendre-votre-site-web-plus-rapide-2","status":"publish","type":"post","link":"https:\/\/wp.ezoic.com\/fr-lang\/comment-pre-connecter-les-origines-pour-rendre-votre-site-web-plus-rapide-2\/","title":{"rendered":"Comment pr\u00e9-connecter les origines pour rendre votre site Web plus rapide"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;section&#8221; _builder_version=&#8221;3.22.3&#8243;][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;3.22.3&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.0.47&#8243;][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;3.22.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; text_font=&#8221;||||||||&#8221; header_font=&#8221;Oswald Light||||||||&#8221;]<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_67_1 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\">Sommaire<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a189e2772c84\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a189e2772c84\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/wp.ezoic.com\/fr-lang\/comment-pre-connecter-les-origines-pour-rendre-votre-site-web-plus-rapide-2\/#Comment_pre-connecter_les_origines_pour_rendre_votre_site_Web_plus_rapide\" title=\"Comment pr\u00e9-connecter les origines pour rendre votre site Web plus rapide\">Comment pr\u00e9-connecter les origines pour rendre votre site Web plus rapide<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/wp.ezoic.com\/fr-lang\/comment-pre-connecter-les-origines-pour-rendre-votre-site-web-plus-rapide-2\/#Que_fait_le_pre-connexion_des_origines_sur_un_site_Web\" title=\"Que fait le pr\u00e9-connexion des origines sur un site Web ?\">Que fait le pr\u00e9-connexion des origines sur un site Web ?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/wp.ezoic.com\/fr-lang\/comment-pre-connecter-les-origines-pour-rendre-votre-site-web-plus-rapide-2\/#Si_un_site_Web_pre-connecte_les_origines_sera-t-il_plus_rapide\" title=\"Si un site Web pr\u00e9-connecte les origines, sera-t-il plus rapide?\">Si un site Web pr\u00e9-connecte les origines, sera-t-il plus rapide?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/wp.ezoic.com\/fr-lang\/comment-pre-connecter-les-origines-pour-rendre-votre-site-web-plus-rapide-2\/#Comment_pre-connecter_les_origines_sur_mon_site\" title=\"Comment pr\u00e9-connecter les origines sur mon site ?\">Comment pr\u00e9-connecter les origines sur mon site ?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/wp.ezoic.com\/fr-lang\/comment-pre-connecter-les-origines-pour-rendre-votre-site-web-plus-rapide-2\/#Comment_puis-je_pre-connecter_les_origines_si_je_ne_veux_pas_utiliser_le_script\" title=\"Comment puis-je pr\u00e9-connecter les origines si je ne veux pas utiliser le script ?\">Comment puis-je pr\u00e9-connecter les origines si je ne veux pas utiliser le script ?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/wp.ezoic.com\/fr-lang\/comment-pre-connecter-les-origines-pour-rendre-votre-site-web-plus-rapide-2\/#Comment_puis-je_pre-connecter_les_origines_si_jutilise_un_CDN_comme_Cloudflare\" title=\"Comment puis-je pr\u00e9-connecter les origines si j&#8217;utilise un CDN comme Cloudflare ?\">Comment puis-je pr\u00e9-connecter les origines si j&#8217;utilise un CDN comme Cloudflare ?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/wp.ezoic.com\/fr-lang\/comment-pre-connecter-les-origines-pour-rendre-votre-site-web-plus-rapide-2\/#Comment_puis-je_savoir_quelles_URL_utiliser_pour_les_origines_pre-connexions\" title=\"Comment puis-je savoir quelles URL utiliser pour les origines pr\u00e9-connexions ?\">Comment puis-je savoir quelles URL utiliser pour les origines pr\u00e9-connexions ?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/wp.ezoic.com\/fr-lang\/comment-pre-connecter-les-origines-pour-rendre-votre-site-web-plus-rapide-2\/#Google_Lighthouse_cessera-t-il_de_signaler_les_origines_pre-connectapres_apres_que_je_fasse_cela\" title=\"Google Lighthouse cessera-t-il de signaler les origines pr\u00e9-connectapr\u00e8s apr\u00e8s que je fasse cela ?\">Google Lighthouse cessera-t-il de signaler les origines pr\u00e9-connectapr\u00e8s apr\u00e8s que je fasse cela ?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/wp.ezoic.com\/fr-lang\/comment-pre-connecter-les-origines-pour-rendre-votre-site-web-plus-rapide-2\/#Quels_moyens_supplementaires_puis-je_utiliser_pour_ameliorer_la_vitesse_de_mon_site_Web\" title=\"Quels moyens suppl\u00e9mentaires puis-je utiliser pour am\u00e9liorer la vitesse de mon site Web ?\">Quels moyens suppl\u00e9mentaires puis-je utiliser pour am\u00e9liorer la vitesse de mon site Web ?<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Comment_pre-connecter_les_origines_pour_rendre_votre_site_Web_plus_rapide\"><\/span><strong>Comment pr\u00e9-connecter les origines pour rendre votre site Web plus rapide<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Si vous \u00eates int\u00e9ress\u00e9 par la pr\u00e9-connexion des origines sur votre site Web, c&#8217;est s\u00fbrement parce que Google Pagespeed Insights ou un autre outil de vitesse site vous a dit que vous aviez besoin pour rendre votre site plus rapide.<\/p>\n<p>Les origines pr\u00e9-connect\u00e9es peuvent am\u00e9liorer la vitesse du site Web pour les visiteurs. Sur certains sites, il peut s&#8217;agit peut-\u00eatre d&#8217;une am\u00e9lioration incommensurable. Sur d&#8217;autres, il peut offrir un r\u00e9el avantage. Ci-dessous, je vais vous montrer comment le faire vous-m\u00eame.<!--more--><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Que_fait_le_pre-connexion_des_origines_sur_un_site_Web\"><\/span><strong>Que fait le pr\u00e9-connexion des origines sur un site Web ?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>La pr\u00e9-connexion de liens permet au navigateur d&#8217;aller chercher des ressources externes, de les stocker en cache, en supposant que l&#8217;utilisateur les demandera. Ces ressources externes sont principalement des URL qui, si elles sont pr\u00e9-connect\u00e9es, rendront votre site Web plus rapide.<\/p>\n<p>Google Developer Tools a un guide sur la <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/resource-prioritization\" target=\"_blank\" rel=\"noopener noreferrer\">priorit\u00e9 des ressources<\/a>. Les priorit\u00e9s deviennent importantes lorsqu&#8217;il s&#8217;adresse \u00e0 l&#8217;\u00e9tude des performances de chargement de votre site. Ces connaissances peuvent \u00eatre particuli\u00e8rement utiles aux \u00e9diteurs pour conna\u00eetre la priorit\u00e9 de Chrome pour chaque ressource. Le panel R\u00e9seau dans Developer Tools vous montrera ces informations.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11127 size-full\" src=\"https:\/\/www.ezoic.com\/fr-lang\/wp-content\/uploads\/2021\/08\/youtube_pre-connect_new.jpg\" alt=\"Que fait le pr\u00e9-connexion des origines sur un site Web ?\" width=\"741\" height=\"286\"><\/p>\n<p>Vous pouvez voir sur la figure ci-dessus qu&#8217;il peut y avoir une vid\u00e9o YouTube int\u00e9gr\u00e9, ou le site a besoin de tirer quelque chose de YouTube sur la charge. Si vous pr\u00e9-connectez ces ressources, le navigateur sortira et priorisera la fabrication de cette connexion afin qu&#8217;il n&#8217;ait pas \u00e0 appeler sur YouTube et \u00e0 rendre votre site Web plus lent.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Si_un_site_Web_pre-connecte_les_origines_sera-t-il_plus_rapide\"><\/span><strong>Si un site Web pr\u00e9-connecte les origines, sera-t-il plus rapide?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Oui, il sera plus rapide, mais progressivement. Je vais utiliser injuryhealthblog.com comme un exemple pour montrer pourquoi ce sujet ressort aussi souvent ces derniers temps. De nombreux \u00e9diteurs Web sont familiers avec les outils de d\u00e9veloppement Chrome, et si vous voulez tester votre propre site, vous pouvez suivre ces \u00e9tapes :<\/p>\n<ol>\n<li>Utilisation de l&#8217;outil d&#8217;\u00e9l\u00e9ment d&#8217;inspection<\/li>\n<li>Cliquez sur l&#8217;onglet &#8220;Audits&#8221;<\/li>\n<li>Ex\u00e9cuter l&#8217;audit \u00ab performance \u00bb<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11131\" src=\"https:\/\/www.ezoic.com\/fr-lang\/wp-content\/uploads\/2021\/08\/injuryhealth_audits.jpg\" alt=\"Si un site Web pr\u00e9-connecte les origines, sera-t-il plus rapide?\" width=\"914\" height=\"183\"><\/p>\n<p>\u00c0 l&#8217;int\u00e9rieur de l&#8217;audit de performance, injuryhealthblog.com renvoie une \u00ab pr\u00e9connexion aux origines requises \u00bb dans les r\u00e9sultats. Fondamentalement, ce que Google me dit dans ce rapport de performance, c&#8217;est que mon site a besoin d&#8217;appeler ces ressources pour que la page enti\u00e8re charge.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11135\" src=\"https:\/\/www.ezoic.com\/fr-lang\/wp-content\/uploads\/2021\/08\/pre-connect-origins.jpg\" width=\"785\" height=\"295\"><\/p>\n<p>Toutes les ressources externes (origines) sont extraites d&#8217;applications tierces ou de sites Web qui ne vivent pas physiquement sur votre site. Quand un visiteur atterrit, le navigateur appelle pour chercher ces origines, et au fil du temps, cela provoque un ralentissement progressif. Plus il y a de ressources externes \u00e0 r\u00e9cup\u00e9rer, plus vous avez de potentiel de ralentissement cumulatif du site. Ce sont les types de ressources externes qui sont r\u00e9cup\u00e9r\u00e9es \u00e0 l&#8217;arriv\u00e9e sur votre site:<\/p>\n<ul>\n<li>Annonces<\/li>\n<li>Widgets<\/li>\n<li>Partage des boutons<\/li>\n<li>Vid\u00e9os<\/li>\n<li>Messages sur les m\u00e9dias sociaux<\/li>\n<li>Sections de commentaires<\/li>\n<\/ul>\n<p>Bien que la pr\u00e9-connexion des origines ne rendra pas votre site sensiblement plus rapide, il sera toujours plus rapide dans les audits de performance. Donc, si votre objectif est de rendre votre page plus rapide dans <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener noreferrer\">PageSpeed Insights<\/a> et <a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/\" target=\"_blank\" rel=\"noopener noreferrer\">Lighthouse<\/a>, alors vous \u00eates au bon endroit.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Comment_pre-connecter_les_origines_sur_mon_site\"><\/span><strong>Comment pr\u00e9-connecter les origines sur mon site ?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Il existe de nombreuses fa\u00e7ons de pr\u00e9-connecter les origines sur votre site, mais d&#8217;abord je vais vous montrer comment le faire manuellement dans WordPress.<\/p>\n<p>C&#8217;est simple et facile, m\u00eame pour ceux qui n&#8217;ont aucune exp\u00e9rience avec le code. Voici deux lignes du script, l&#8217;une d\u00e9montr\u00e9e comme un script et l&#8217;autre comme un style. Ce script \u00e9tablit une relation de lien pour dire \u00e0 votre navigateur qu&#8217;il y a des informations importantes qui doivent \u00eatre r\u00e9cup\u00e9r\u00e9es d\u00e8s que possible.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11139 size-full\" src=\"https:\/\/www.ezoic.com\/fr-lang\/wp-content\/uploads\/2021\/08\/link-pre-fetch.jpg\" alt=\"Comment pr\u00e9-connecter les origines sur mon site ?\" width=\"876\" height=\"83\"><\/p>\n<p>L&#8217;attribut &#8220;<strong>as<\/strong>&#8221; vous permet de dire au navigateur le type de ressource que vous chargez, de cette fa\u00e7on il peut \u00eatre manipul\u00e9 correctement. Le navigateur n&#8217;utilisera pas la ressource pr\u00e9charg\u00e9e <strong>\u00e0 moins que<\/strong> le type correct ne soit r\u00e9gl\u00e9. Si vous n&#8217;utilisez pas l&#8217;attribut &#8220;as&#8221;, la ressource sera charg\u00e9e avec la m\u00eame priorit\u00e9 qu&#8217;elle aurait \u00e9t\u00e9 autrement, mais en laissant le navigateur savoir \u00e0 l&#8217;avance, il permet au t\u00e9l\u00e9chargement de commencer plus t\u00f4t. Vos ressources seront r\u00e9cup\u00e9r\u00e9es plus rapidement de cette fa\u00e7on.<\/p>\n<p>Si vous d\u00e9cidez d&#8217;utiliser ce script pour toutes vos origines, vous pouvez trouver tous les liens n\u00e9cessaires pour copier et coller dans l&#8217;attribut <strong>href<\/strong> avec un clic de la fl\u00e8che d\u00e9roulante ci-dessous.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11143\" src=\"https:\/\/www.ezoic.com\/fr-lang\/wp-content\/uploads\/2021\/08\/pre-connect-drop-down.jpg\" alt=\"D\u00e9basez l'emplacement de l'onglet origines pr\u00e9-connexion\" width=\"777\" height=\"292\"><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Comment_puis-je_pre-connecter_les_origines_si_je_ne_veux_pas_utiliser_le_script\"><\/span><strong>Comment puis-je pr\u00e9-connecter les origines si je ne veux pas utiliser le script ?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Pour ceux qui veulent pr\u00e9-connecter les origines, mais ne veulent pas entrer dans leur code ou utilisent un syst\u00e8me CMS o\u00f9 vous ne modifiez pas votre propre HTML, il ya quelques grandes applications qui peuvent le faire pour vous rapidement et sans avoir \u00e0 jouer avec votre CSS.<\/p>\n<p><a href=\"https:\/\/wp-rocket.me\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Rocket<\/a> est une application de caching qui vous permet de pr\u00e9-connecter les origines. Dans l&#8217;application, la premi\u00e8re \u00e9tape consiste \u00e0 cliquer sur l&#8217;onglet pr\u00e9charge dans la colonne de gauche.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11147 size-full\" src=\"https:\/\/www.ezoic.com\/fr-lang\/wp-content\/uploads\/2021\/08\/WP-rocket-preload.jpg\" alt=\"Comment puis-je pr\u00e9-connecter les origines si je ne veux pas utiliser le script ?\" width=\"781\" height=\"322\"><\/p>\n<p>Ensuite, vous pouvez faire d\u00e9filer vers le bas dans ce m\u00eame onglet et rechercher le titre &#8220;Prefetch DNS Requests&#8221;. C&#8217;est l\u00e0 que vous pouvez copier et coller toutes les URL que Lighthouse vous sugg\u00e8re de vous connecter directement dans la bo\u00eete &#8220;URLs to prefetch&#8221;.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11151\" src=\"https:\/\/www.ezoic.com\/fr-lang\/wp-content\/uploads\/2021\/08\/WP-rocket-urls.jpg\" alt=\"URL pour pr\u00e9chercher la bo\u00eete\" width=\"827\" height=\"427\"><\/p>\n<p>Si vous n&#8217;utilisez pas WP Rocket comme application de caching, il y en a d&#8217;autres qui remplissent essentiellement des fonctions similaires. <a href=\"https:\/\/optimisation.io\/wordpress-plugins\/\" target=\"_blank\" rel=\"noopener noreferrer\">Optimisation.io offre un plugin WordPress<\/a> qui dispose d&#8217;outils comme WP Disable, Caching et Image Compression. C&#8217;est un excellent plugin parce que les fonctionnalit\u00e9s sont toutes li\u00e9es \u00e0 l&#8217;augmentation de la vitesse du site, dont la majorit\u00e9 peut \u00eatre activ\u00e9et et \u00e9teint avec le clic d&#8217;un bouton.<\/p>\n<p>Pr\u00e9-connexion des origines sur Optimisation.io est presque identique \u00e0 la fa\u00e7on dont il n&#8217;a pas fait WP Rocket, mais ci-dessous est un visuel de la fa\u00e7on dont il est fait de WordPress. Cliquez sur le plugin Optimisation.io et choisissez l&#8217;onglet &#8220;Demandes&#8221;.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11160\" src=\"https:\/\/www.ezoic.com\/fr-lang\/wp-content\/uploads\/2021\/08\/optimisation-main-tab.jpg\" alt=\"Optimisation.Io onglets principaux\" width=\"1060\" height=\"324\"><\/p>\n<p>L&#8217;\u00e9tape suivante consiste \u00e0 faire d\u00e9filer vers le bas \u00e0 la fonction &#8220;DNS prefetch&#8221; et cliquez sur le bouton pour activer. La derni\u00e8re \u00e9tape refl\u00e8te ce qui se fait sur le plugin de WP Rocket. Copiez et collez la liste des sites recommand\u00e9s pour pr\u00e9-connecter les origines du phare.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11164\" src=\"https:\/\/www.ezoic.com\/fr-lang\/wp-content\/uploads\/2021\/08\/optimisation.io-prefetch.jpg\" alt=\"Bouton d'avant-r\u00e9cup\u00e9ration DNS optimisation.Io\" width=\"957\" height=\"291\"><\/p>\n<p>Ces exemples sont les moyens les plus faciles de pr\u00e9-connecter les origines pour augmenter progressivement la vitesse de votre site.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Comment_puis-je_pre-connecter_les_origines_si_jutilise_un_CDN_comme_Cloudflare\"><\/span><strong>Comment puis-je pr\u00e9-connecter les origines si j&#8217;utilise un CDN comme Cloudflare ?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Les clients Cloudflare Enterprise <a href=\"https:\/\/support.cloudflare.com\/hc\/en-us\/articles\/206776707-Does-Cloudflare-Do-Prefetching-\" target=\"_blank\" rel=\"noopener noreferrer\">peuvent activer le pr\u00e9-r\u00e9cup\u00e9ration<\/a> en suivant ces \u00e9tapes :<\/p>\n<ul>\n<li>Activez les URL \u00abPrefetch\u00bb dans l&#8217;application Speed dans le tableau de bord Cloudflare.<\/li>\n<li>inclure un en-t\u00eate de r\u00e9ponse Link HTTP pointant vers un fichier manifeste avec l&#8217;attribut rel &#8216;&#8221;prefetch&#8221;.\n<ul>\n<li><strong>EX: <\/strong> &lt;&gt;http:\/\/www.example.com\/manifest.txt ; rel &#8216;&#8221;prefetch&#8221;<\/li>\n<\/ul>\n<\/li>\n<li>Servir le fichier manifeste avec du texte\/plaine comme l&#8217;en-t\u00eate de r\u00e9ponse de type Contenu\n<ul>\n<li><strong>EX: <\/strong>http:\/\/another.example.com\/fetch3<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Cloudflare peut pr\u00e9chercher n&#8217;importe quel contenu qui se trouve sur votre compte et derri\u00e8re Cloudflare, mais cette fonctionnalit\u00e9 n&#8217;est disponible que pour les clients Enterprise. Si vous n&#8217;\u00eates pas Enterprise, vous ne pourrez pas pr\u00e9connecter les origines \u00e0 moins de mettre \u00e0 niveau.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Comment_puis-je_savoir_quelles_URL_utiliser_pour_les_origines_pre-connexions\"><\/span><strong>Comment puis-je savoir quelles URL utiliser pour les origines pr\u00e9-connexions ?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Si vous vous demandez quelles origines utiliser, consultez le rapport d&#8217;audit sur le rendement du phare. Avant d&#8217;ex\u00e9cuter l&#8217;audit, la s\u00e9lection des options suivantes donnera les meilleurs r\u00e9sultats sur ce qu&#8217;il faut changer pour am\u00e9liorer la vitesse du site.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11168 size-full\" src=\"https:\/\/www.ezoic.com\/fr-lang\/wp-content\/uploads\/2021\/08\/lighthouse-audit-final.jpg\" alt=\"Comment puis-je pr\u00e9-connecter les origines si j'utilise un CDN comme Cloudflare ?\" width=\"869\" height=\"563\"><\/p>\n<ol>\n<li>Choisissez mobile: <a href=\"https:\/\/www.bondcap.com\/report\/itr19\/#view\/41\" target=\"_blank\" rel=\"noopener\">la majorit\u00e9 du trafic web est sur les appareils mobiles<\/a>, avec le pourcentage de l&#8217;utilisation mobile augmente chaque ann\u00e9e.<\/li>\n<li>Choisissez l&#8217;audit de performance<\/li>\n<li>Choisissez Applied Fast 3G, 4x CPU Slowdown: cette option vous obtiendrez le score le <strong>plus bas possible<\/strong><strong>.<\/strong> C&#8217;est la fa\u00e7on la plus efficace d&#8217;ex\u00e9cuter le test, parce que vous \u00eates plus susceptible d&#8217;obtenir toutes les recommandations et toutes les origines pr\u00e9-connexion.<\/li>\n<\/ol>\n<p><strong>IMPORTANT:<\/strong> si vous choisissez Simulated Fast et Throttling, cela fera en sorte que votre site Web appara\u00eetra plus rapidement, et le rapport de performance pourrait ne pas vous donner toutes les recommandations que le choix &#8220;Applied Fast&#8221;.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Google_Lighthouse_cessera-t-il_de_signaler_les_origines_pre-connectapres_apres_que_je_fasse_cela\"><\/span><strong>Google Lighthouse cessera-t-il de signaler les origines pr\u00e9-connectapr\u00e8s apr\u00e8s que je fasse cela ?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<blockquote>\n<p><strong>Oui,<\/strong> mais vous devrez peut-\u00eatre lui donner un certain temps avant d&#8217;ex\u00e9cuter un autre audit de performance pour v\u00e9rifier. Le navigateur doit construire ces pr\u00e9-connexions dans le cache, et parfois cela peut prendre jusqu&#8217;\u00e0 48 heures pour Lighthouse d&#8217;arr\u00eater de signaler les URL.<\/p>\n<\/blockquote>\n<p>Si Lighthouse ne retourne pas un rapport de performance qui vous indique les origines pr\u00e9-connexion aidera la vitesse du site, alors il n&#8217;est probablement pas la peine de faire en premier lieu. Bien que, lorsque vous ajoutez du contenu, des widgets, etc., \u00e0 votre site, il est de bonne pratique d&#8217;ex\u00e9cuter ces audits de performance p\u00e9riodiquement pour voir s&#8217;il y a place \u00e0 l&#8217;am\u00e9lioration.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Quels_moyens_supplementaires_puis-je_utiliser_pour_ameliorer_la_vitesse_de_mon_site_Web\"><\/span><strong>Quels moyens suppl\u00e9mentaires puis-je utiliser pour am\u00e9liorer la vitesse de mon site Web ?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Si vous \u00eates un fid\u00e8le adepte du blog Ezoic, vous savez que la vitesse du site est un sujet sur lequel nous avons beaucoup \u00e9crit. Il existe divers facteurs en jeu qui affectent la vitesse de votre site. Voici les articles qui couvrent certains de ces facteurs:<\/p>\n<ul>\n<li><a href=\"\/?p=6600\">Am\u00e9liorer les scores de vitesse du site en lazy-loading les images et en servant les formats Next-Gen<\/a><\/li>\n<li><a href=\"\/?p=16470\">Est-ce que Time To Interactive (TTI) a un impact sur le revenu et le rendement du site Web?<\/a><\/li>\n<li><a href=\"\/?p=10149\">Ce qu&#8217;ont en commun les sites avec une grande vitesse de chargement de pages<\/a><\/li>\n<li><a href=\"\/?p=9925\">Am\u00e9liorer la vitesse de page pour Google SEO de mani\u00e8re actionnable<\/a><\/li>\n<li><a href=\"\/?p=5531\">Acc\u00e9l\u00e9rer les sites WordPress instantan\u00e9ment en utilisant ces 5 conseils<\/a><\/li>\n<\/ul>\n<p>De nos jours, il est peu probable que les pages de votre site n&#8217;existent que sous forme de texte clair. Un grand site web est comme un g\u00e2teau; il ya beaucoup de couches cuites dans le produit final qui en fait quelque chose que les gens veulent r\u00e9ellement consommer. Les pages de destination interactives, les boutons de partage social, la conception r\u00e9fl\u00e9chie, la navigation simple et le contenu vid\u00e9o sont des \u00e9l\u00e9ments distincts d&#8217;une longue liste d&#8217;\u00e9l\u00e9ments qui font de votre site ce qu&#8217;il est.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-11917 aligncenter\" src=\"https:\/\/www.ezoic.com\/fr-lang\/wp-content\/uploads\/2021\/08\/e9dc0c0a-1b47-46e3-b333-b50304d05797-1024x688.png\" alt=\"vitesse du site Ezoic\" width=\"1024\" height=\"688\"><\/p>\n<p>Plus important encore, <strong>l&#8217;engagement <\/strong>de contenu qui est utile \u00e0 vos visiteurs est ce qui les fera revenir. En tant qu&#8217;\u00e9diteur web, votre priorit\u00e9 est de cr\u00e9er un bon contenu. Un des <a href=\"https:\/\/svc.ezoic.com\/join.php\" target=\"_blank\" rel=\"noopener noreferrer\">avantages d&#8217;Ezoic<\/a> est que nous offrons une suite d&#8217;outils gratuits. <a href=\"http:\/\/www.ezoic.com\/site-speed\/\" target=\"_blank\" rel=\"noopener noreferrer\">L&#8217;application Site Speed<\/a> peut pr\u00e9-connecter les origines en cliquant sur un bouton. C&#8217;est une excellente option pour les \u00e9diteurs qui veulent sauver un temps pr\u00e9cieux, pour eux-m\u00eames ainsi que pour leurs visiteurs.<\/p>\n<p>Si vous avez des questions ou des commentaires, je serai heureux d&#8217;y r\u00e9pondre ci-dessous.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;section&#8221; _builder_version=&#8221;3.22.3&#8243;][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;3.22.3&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.0.47&#8243;][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;3.22.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; text_font=&#8221;||||||||&#8221; header_font=&#8221;Oswald Light||||||||&#8221;] Comment pr\u00e9-connecter les origines pour rendre votre site Web plus rapide Si vous \u00eates int\u00e9ress\u00e9 par la pr\u00e9-connexion des origines sur votre site Web, c&#8217;est s\u00fbrement parce que Google Pagespeed Insights ou un autre outil de&hellip; <a class=\"more-link\" href=\"https:\/\/wp.ezoic.com\/fr-lang\/comment-pre-connecter-les-origines-pour-rendre-votre-site-web-plus-rapide-2\/\">Continue reading <span class=\"screen-reader-text\">Comment pr\u00e9-connecter les origines pour rendre votre site Web plus rapide<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":462,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","footnotes":""},"categories":[9],"tags":[8],"class_list":["post-439","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-infrastructure-du-siteweb-amp-optimisation","tag-fr","entry"],"_links":{"self":[{"href":"https:\/\/wp.ezoic.com\/fr-lang\/wp-json\/wp\/v2\/posts\/439"}],"collection":[{"href":"https:\/\/wp.ezoic.com\/fr-lang\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.ezoic.com\/fr-lang\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.ezoic.com\/fr-lang\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.ezoic.com\/fr-lang\/wp-json\/wp\/v2\/comments?post=439"}],"version-history":[{"count":0,"href":"https:\/\/wp.ezoic.com\/fr-lang\/wp-json\/wp\/v2\/posts\/439\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp.ezoic.com\/fr-lang\/wp-json\/wp\/v2\/media\/462"}],"wp:attachment":[{"href":"https:\/\/wp.ezoic.com\/fr-lang\/wp-json\/wp\/v2\/media?parent=439"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.ezoic.com\/fr-lang\/wp-json\/wp\/v2\/categories?post=439"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.ezoic.com\/fr-lang\/wp-json\/wp\/v2\/tags?post=439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}