{"id":3528218,"date":"2021-07-07T09:50:00","date_gmt":"2021-07-07T07:50:00","guid":{"rendered":"https:\/\/wp-rocket.me\/?p=3528218"},"modified":"2022-05-04T11:22:20","modified_gmt":"2022-05-04T09:22:20","slug":"wp-rocket-3-9","status":"publish","type":"post","link":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/","title":{"rendered":"WP&nbsp;Rocket 3.9 : pr\u00e9parez votre site pour les Core Web Vitals de Google"},"content":{"rendered":"<p>Apr\u00e8s de longs mois de labeur, notre toute premi\u00e8re version majeure de 2021 est enfin l\u00e0. Et elle est tout simplement incroyable. Si si, c\u2019est promis !&nbsp;<\/p><p>Bienvenue \u00e0 WP Rocket 3.9 !<\/p><p>Comme d\u2019habitude, cette nouvelle version s\u2019accompagne de nombreuses am\u00e9liorations, dont deux fonctionnalit\u00e9s que votre site WordPress va absolument adorer : une nouvelle fa\u00e7on de diff\u00e9rer le chargement des fichiers JavaScript et la suppression des ressources CSS non utilis\u00e9es (en version b\u00eata pour le moment).<\/p><p>Peu importe si vous \u00eates d\u00e9j\u00e0 ultra-enthousiaste \u00e0 l\u2019id\u00e9e d\u2019essayer ces nouveaut\u00e9s ou si vous n\u2019\u00eates vraiment pas s\u00fbr de leur effet sur votre site pour le moment, cet article est pour vous puisqu\u2019on vous dit tout.&nbsp;<\/p><p>Alors, sans plus attendre, passons aux pr\u00e9sentations !<\/p><h2 class=\"wp-block-heading\">Quoi de neuf dans WP Rocket 3.9&nbsp;?<\/h2><p>Pendant le d\u00e9veloppement de la version 3.9, nous n\u2019avons jamais perdu de vue notre objectif premier qui \u00e9tait d&rsquo;aider nos utilisateurs (donc VOUS) \u00e0 pr\u00e9parer leur site WordPress pour la fameuse mise \u00e0 jour de la \u201cGoogle Page Experience\u00a0\u00bb.<\/p><p>C&rsquo;est pourquoi les principaux changements que nous avons apport\u00e9s au plugin devraient se traduire par une am\u00e9lioration de vos m\u00e9triques Core Web Vitals et du score PageSpeed Insights, en plus d&rsquo;un meilleur temps de chargement et d\u2019une meilleure vitesse per\u00e7ue de votre site web &#8211; rien que \u00e7a !<\/p><p>Parmi les am\u00e9liorations incluses dans cette version, on pourra notamment citer :<\/p><ul class=\"wp-block-list\"><li>Le chargement diff\u00e9r\u00e9 des fichiers JS (nouvelle g\u00e9n\u00e9ration)<\/li><li>La suppression des ressources CSS non utilis\u00e9es (version b\u00eata)<\/li><li>La suppression de certains add-ons<\/li><li>Le changement des exigences minimales de WordPress<\/li><\/ul><p>Pour la liste compl\u00e8te des am\u00e9liorations, c\u2019est dans notre c<a href=\"https:\/\/wp-rocket.me\/changelog\/\">hangelog<\/a> que \u00e7a se passe.<\/p><p>Et si les vid\u00e9os sont plus votre truc que les mots, voici une petite pr\u00e9sentation des principales nouveaut\u00e9s :<\/p><figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Optimize Core Web Vitals for WordPress [with WP Rocket 3.9]\" width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/SD4l6RWIGhg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure><p>Envie d&rsquo;en savoir plus ? Lisez la suite.<\/p><h2 class=\"wp-block-heading\">Le chargement diff\u00e9r\u00e9 des fichiers JS<\/h2><p>Comme une impression de d\u00e9j\u00e0 vu ? Vous n\u2019avez pas tout \u00e0 fait tort.&nbsp;<\/p><p>Le chargement diff\u00e9r\u00e9 des fichiers JavaScript \u00e9tait l&rsquo;une des fonctions phares lors de la sortie de WP&nbsp;Rocket 3.7 l&rsquo;ann\u00e9e derni\u00e8re.<\/p><p>Oui, mais ce sont les d\u00e9tails qui font toute la diff\u00e9rence. \u00c0 l\u2019\u00e9poque, souvenez-vous, c&rsquo;\u00e9tait \u00e0 vous d&rsquo;indiquer les fichiers JavaScript dont il fallait diff\u00e9rer le chargement. Avec cette version 2.0 de la fonctionnalit\u00e9, vous pouvez facilement diff\u00e9rer tous les fichiers JavaScript.<\/p><p>Ok, mais concr\u00e8tement, \u00e7a signifie quoi pour votre site ? On y arrive.<\/p><p>L&rsquo;id\u00e9e derri\u00e8re cette fonctionnalit\u00e9 est que tous les fichiers ne sont pas n\u00e9cessaires pour le rendu initial d&rsquo;une page et les retarder peut am\u00e9liorer le temps de chargement\u2026 et le score PageSpeed ! Plus pr\u00e9cis\u00e9ment, la fonction am\u00e9liore les performances de votre site en retardant le chargement des fichiers JavaScript jusqu&rsquo;\u00e0 ce qu&rsquo;il y ait une action utilisateur.<\/p><p>Prenons l&rsquo;exemple d&rsquo;un pop-up qui doit se d\u00e9clencher lorsque l&rsquo;utilisateur veut quitter votre site. Un tel script n\u2019est pas pertinent lors du chargement initial de la page car il ne sera d\u00e9clench\u00e9 que lorsque l\u2019utilisateur est sur le point de quitter la page. Si vous retardez ce type de scripts et ne chargez que ceux qui sont n\u00e9cessaires, le temps de chargement sera nettement plus rapide&nbsp;!<\/p><p>Jusqu&rsquo;\u00e0 pr\u00e9sent, nous vous demandions de d\u00e9cider vous-m\u00eame quels scripts retarder. Si cette fa\u00e7on de faire \u00e9tait la plus s\u00fbre, elle n&rsquo;\u00e9tait pas n\u00e9cessairement la plus efficace.<\/p><p>Tout d&rsquo;abord, cela vous demandait de mettre la main \u00e0 la p\u00e2te. Si coder n&rsquo;\u00e9tait pas votre point fort, ajouter manuellement tous les scripts \u00e0 retarder pouvait s&rsquo;av\u00e9rer fastidieux. Sans compter que maintenir une liste de scripts ne semblait pas tenable sur le long terme. Globalement, ce n&rsquo;\u00e9tait pas la meilleure exp\u00e9rience utilisateur.<\/p><p>Deuxi\u00e8mement, cette solution ne r\u00e9pondait plus aux nouvelles exigences des Core Web Vitals. Avec la mise \u00e0 jour de Google, l&rsquo;objectif est de fournir la meilleure exp\u00e9rience utilisateur et, pour ce faire, de charger le contenu d\u2019une page aussi rapidement que possible. Il est donc devenu plus important que jamais de retarder tous les fichiers inutiles lors du rendu initial de la page.&nbsp;<\/p><p>Dans cette optique, nous avons d\u00e9cid\u00e9 de revoir la fonctionnalit\u00e9 de chargement diff\u00e9r\u00e9 des fichiers JS. On vous explique ?<\/p><p>Nous diff\u00e9rons maintenant syst\u00e9matiquement l&rsquo;ex\u00e9cution des fichiers JavaScript et ne les chargeons que lorsqu\u2019ils sont utiles pour les utilisateurs, c&rsquo;est-\u00e0-dire lorsqu&rsquo;une action utilisateur est d\u00e9tect\u00e9e (par exemple, si l\u2019utilisateur scrolle ou clique). C\u2019est la m\u00eame id\u00e9e que le LazyLoad pour images, mais appliqu\u00e9 au JavaScript !<\/p><p>Un petit exemple pour mieux comprendre ? Regardons notre page d&rsquo;accueil.&nbsp;<\/p><p>Si vous faites d\u00e9filer la page vers le bas, vous verrez des blocs anim\u00e9s appara\u00eetre. Dans la mesure o\u00f9 nous n&rsquo;avons pas besoin de charger ces scripts imm\u00e9diatement, ils peuvent \u00eatre retard\u00e9s jusqu&rsquo;\u00e0 ce que vous d\u00e9filiez. Et pendant ce temps, le contenu dont vous avez r\u00e9ellement besoin s&rsquo;affiche de mani\u00e8re ultra-rapide.<\/p><p>Mais est-il vraiment prudent de diff\u00e9rer le chargement de TOUS les fichiers JavaScript ? D\u2019une mani\u00e8re g\u00e9n\u00e9rale, oui. Les fichiers JavaScript sont principalement utilis\u00e9s pour des fonctions non critiques. Par cons\u00e9quent, ces fichiers peuvent \u00eatre retard\u00e9s en toute s\u00e9curit\u00e9 pour am\u00e9liorer les performances web\u2026 \u00e0 quelques exceptions pr\u00e8s, comme les carrousels dont il vaut mieux \u00e9viter de diff\u00e9rer le chargement. Notre conseil ? N&rsquo;utilisez tout simplement pas ce type d\u2019animation. Les sliders peuvent sembler jolis mais ils cachent bien leur jeu puisqu\u2019ils alourdissent consid\u00e9rablement votre page sans pour autant apporter de valeur ajout\u00e9e. Ils ont en plus souvent un impact n\u00e9gatif sur le taux de conversion et le r\u00e9f\u00e9rencement. Pour un site web plus performant, il est pr\u00e9f\u00e9rable d&rsquo;\u00e9viter compl\u00e8tement ce type de contenu. Faites-nous confiance : un site rapide sera toujours meilleur pour votre taux de conversion qu&rsquo;un slider !<\/p><h3 class=\"wp-block-heading\">Que pouvez-vous attendre de cette option ?<\/h3><p>En retardant les fichiers JavaScript, vous am\u00e9liorerez votre score PageSpeed et votre temps de chargement.<\/p><p>Plus pr\u00e9cis\u00e9ment, le fait de retarder les fichiers JS devrait avoir un impact direct sur deux m\u00e9triques des Core Web Vitals : LCP (temps de chargement) et FID (interactivit\u00e9). Voyons comment.<\/p><p>Tous les fichiers JS sont des ressources bloquant le rendu de votre site, s&rsquo;ils n&rsquo;ont pas d&rsquo;attribut \u2018defer\u2019 ou \u2018async\u2019. Le navigateur doit donc lire tous les scripts avant d\u2019afficher la page. Plus il y a de scripts, plus le chargement du contenu prendra du temps. Les fichiers JS affectent donc le temps de chargement et, par cons\u00e9quent, le score LCP.<\/p><p>Pour \u00e9viter un mauvais score LCP, Google recommande sp\u00e9cifiquement d&rsquo;\u00e9liminer les ressources qui bloquent le rendu et cela inclut les fichiers JS.<\/p><p>En retardant le chargement des fichiers JavaScript, ils ne seront charg\u00e9s qu\u2019\u00e0 partir de la premi\u00e8re action utilisateur. Et s&rsquo;il n&rsquo;y a pas d\u2019action utilisateur, ils ne seront pas charg\u00e9s du tout. Cela signifie que les fichiers JavaScript ne seront pas d\u00e9tect\u00e9s par Lighthouse et la recommandation \u201cR\u00e9duisez les ressources JavaScript inutilis\u00e9es\u201d (anciennement \u00ab\u00a0Supprimez les ressources JavaScript inutilis\u00e9es\u00a0\u00bb) passera au vert !<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"606\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/unnamed.png\" alt=\"\" class=\"wp-image-4340336\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/unnamed.png 1536w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/unnamed-310x122.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/unnamed-768x303.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/unnamed-152x60.png 152w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/unnamed-228x90.png 228w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><figcaption>Recommandation PageSpeed<\/figcaption><\/figure><p>L&rsquo;ex\u00e9cution des fichiers JavaScript a aussi un impact sur l&rsquo;exp\u00e9rience utilisateur. Lorsque le navigateur est occup\u00e9 \u00e0 traiter les fichiers JavaScript, il ne peut pas traiter d&rsquo;autres demandes et la page ne peut donc pas r\u00e9pondre correctement aux actions utilisateur\u2026 et le score FID s\u2019en voit affect\u00e9.<\/p><p>En diff\u00e9rant l&rsquo;ex\u00e9cution des fichiers JS, vous optimisez vos ressources afin que les&nbsp; fichiers JS ne soient pas charg\u00e9s avant une action de l&rsquo;utilisateur. Ce faisant, vous r\u00e9pondrez \u00e0 la recommandation \u00ab\u00a0R\u00e9duire le d\u00e9lai d&rsquo;ex\u00e9cution de JavaScript\u00a0\u00bb et am\u00e9liorerez votre note FID.<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1538\" height=\"216\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/unnamed-1.png\" alt=\"\" class=\"wp-image-4340342\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/unnamed-1.png 1538w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/unnamed-1-310x44.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/unnamed-1-768x108.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/unnamed-1-190x27.png 190w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/unnamed-1-641x90.png 641w\" sizes=\"(max-width: 1538px) 100vw, 1538px\" \/><figcaption>Recommandation PageSpeed<\/figcaption><\/figure><p>Voyons ce que donne la nouvelle version de notre fonction en situation !<\/p><p>Avant d\u2019activer la fonction chargement diff\u00e9r\u00e9 des fichiers JS, nous avons lanc\u00e9 plusieurs tests PageSpeed sur ce <a href=\"https:\/\/rucss.rocketlabsqa.ovh\/\">site internet.<\/a><\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"808\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/Nos-resultats-PageSpeed-avant-la-3.9.png\" alt=\"\" class=\"wp-image-4340350\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/Nos-resultats-PageSpeed-avant-la-3.9.png 1600w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/Nos-resultats-PageSpeed-avant-la-3.9-310x157.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/Nos-resultats-PageSpeed-avant-la-3.9-768x388.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/Nos-resultats-PageSpeed-avant-la-3.9-119x60.png 119w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/Nos-resultats-PageSpeed-avant-la-3.9-178x90.png 178w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><figcaption>Nos r\u00e9sultats PageSpeed avant la 3.9<\/figcaption><\/figure><p>D\u00e8s l\u2019activation de la fonction, nos r\u00e9sultats \u00e9taient les suivants :&nbsp;<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"808\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/Nos-resultats-PageSpeed-3.9-2.png\" alt=\"\" class=\"wp-image-4340358\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/Nos-resultats-PageSpeed-3.9-2.png 1600w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/Nos-resultats-PageSpeed-3.9-2-310x157.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/Nos-resultats-PageSpeed-3.9-2-768x388.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/Nos-resultats-PageSpeed-3.9-2-119x60.png 119w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/Nos-resultats-PageSpeed-3.9-2-178x90.png 178w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><figcaption>Nos r\u00e9sultats PageSpeed apr\u00e8s la 3.9<\/figcaption><\/figure><p>Plut\u00f4t impressionnant, non ? Voyons maintenant comment vous pouvez obtenir des r\u00e9sultats similaires !<\/p><h3 class=\"wp-block-heading\"><strong>Comment \u00e7a marche ?<\/strong><\/h3><p>Cette fonctionnalit\u00e9 se trouve dans l&rsquo;onglet Optimisation des fichiers. Lorsque vous activez cette option, elle sera appliqu\u00e9e par d\u00e9faut \u00e0 tous les fichiers JS. Toutefois, une zone de texte vous permettra d&rsquo;ajouter les fichiers JS que vous ne souhaitez pas retarder. Malin !<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"911\" height=\"272\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/delay-js.png\" alt=\"\" class=\"wp-image-4340364\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/delay-js.png 911w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/delay-js-310x93.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/delay-js-768x229.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/delay-js-190x57.png 190w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/delay-js-301x90.png 301w\" sizes=\"(max-width: 911px) 100vw, 911px\" \/><figcaption>L&rsquo;option Chargement diff\u00e9r\u00e9 des fichiers JS<\/figcaption><\/figure><p><strong>Si vous \u00eates un utilisateur existant ayant d\u00e9j\u00e0 activ\u00e9 la premi\u00e8re version de l&rsquo;option \u201cChargement diff\u00e9r\u00e9 des fichiers JS\u201d<\/strong>, cette fonctionnalit\u00e9 sera activ\u00e9e par d\u00e9faut. <strong>Si vous installez WP&nbsp;Rocket pour la toute premi\u00e8re fois ou si vous \u00eates un utilisateur existant n\u2019ayant jamais activ\u00e9 la premi\u00e8re version de l&rsquo;option \u201cChargement diff\u00e9r\u00e9 des fichiers JS\u201d<\/strong>, il faudra s\u00e9lectionner vous-m\u00eame la fonctionnalit\u00e9 pour l\u2019activer. La liste d\u2019exclusion sera quant \u00e0 elle vide, ce qui signifie que l\u2019ensemble des fichiers JavaScript sera retard\u00e9 par d\u00e9faut et ce sera \u00e0 vous d\u2019indiquer les fichiers \u00e0 exclure.<\/p><p>Par exemple, lorsque vous utilisez cette fonctionnalit\u00e9, vous pouvez remarquer qu&rsquo;il faut un certain temps ou une action utilisateur pour que certains \u00e9l\u00e9ments apparaissent. Pour \u00e9viter cela, ajoutez ces \u00e9l\u00e9ments \u00e0&nbsp; la zone de texte Fichiers JavaScript exclus (plus d\u2019info sur les fichiers \u00e0 exclure dans notre <a href=\"https:\/\/fr.docs.wp-rocket.me\/article\/1594-exclusions-de-compatibilite-pour-le-report-de-lexecution-de-javascript\">documentation<\/a>).&nbsp; Vous avez donc la main sur la performance de votre site.<\/p><p>Avant que vous n&rsquo;essayiez la nouvelle fonctionnalit\u00e9 par vous-m\u00eame (et que vous soyez \u00e9merveill\u00e9s devant les r\u00e9sultats), nous voulions juste aborder un point SEO.<\/p><p>Certaines personnes consid\u00e8rent cette fa\u00e7on de diff\u00e9rer le chargement de fichiers JS comme \u00e9tant du \u00ab\u00a0black hat SEO\u00a0\u00bb dans le seul but de faire monter artificiellement le score PSI. Ce serait donc un peu de la triche. On ne va pas vous mentir : cette nouvelle fonctionnalit\u00e9 permet effectivement de r\u00e9pondre aux recommandations de PageSpeed et d&rsquo;am\u00e9liorer significativement vos scores, mais elle fait bien plus que cela et sans affecter votre SEO pour autant. On vous explique juste apr\u00e8s.<\/p><p>Tout d&rsquo;abord, le chargement diff\u00e9r\u00e9 de ressources tierces non critiques est d\u00e9j\u00e0 une recommandation de <a href=\"https:\/\/web.dev\/efficiently-load-third-party-javascript\/\">Google<\/a>. Lorsque nous retardons les fichiers JavaScript, nous donnons essentiellement la priorit\u00e9 au contenu visible (HTML et CSS). De nombreuses ressources JavaScript ne sont en effet pas essentielles au rendu de la page, mais affectent le temps de chargement et l&rsquo;interactivit\u00e9. Retarder leur ex\u00e9cution est simplement un moyen de g\u00e9rer ces scripts inutiles pour am\u00e9liorer le temps de chargement et cr\u00e9er une meilleure exp\u00e9rience utilisateur.<\/p><p>Comme ces fichiers JS sont retard\u00e9s jusqu&rsquo;\u00e0 ce qu\u2019il y ait une action utilisateur, ils ne seront pas d\u00e9tect\u00e9s par Lighthouse ni affich\u00e9s dans la recommandation \u201cR\u00e9duisez les ressources JavaScript inutilis\u00e9es\u201d (anciennement \u00ab\u00a0Supprimez les ressources JavaScript inutilis\u00e9es\u00a0\u00bb). Est-ce de la triche pour autant ? Pas vraiment si l&rsquo;on consid\u00e8re les points suivants :<\/p><ul class=\"wp-block-list\"><li>Le rapport PageSpeed s&rsquo;appuie sur les donn\u00e9es de Lighthouse pour \u00e9valuer la performance. Il ne se soucie pas du nombre de fichiers JS, pour autant qu&rsquo;ils soient charg\u00e9s apr\u00e8s l\u2019affichage de la page. En d&rsquo;autres termes, l&rsquo;impact sur le score PSI r\u00e9side dans le fait que les scripts sont retard\u00e9s &#8211; parce que non critiques. S&rsquo;il y a une action utilisateur pendant le chargement de la page, cette fonctionnalit\u00e9 aura un effet r\u00e9duit car les scripts seront de toute fa\u00e7on charg\u00e9s.<\/li><li>La fonctionnalit\u00e9 va emp\u00eacher les ressources de bloquer le rendu tout en permettant dans une certaine mesure de contr\u00f4ler le moment o\u00f9 le script sera ex\u00e9cut\u00e9. Tout \u00e7a pour satisfaire la recommandation \u201cR\u00e9duisez les ressources JavaScript inutilis\u00e9es\u201d (anciennement \u00ab\u00a0Supprimez les ressources JavaScript inutilis\u00e9es\u00a0\u00bb) et r\u00e9duire le Time to Interactive.<\/li><li>Le score PageSpeed ne sera pas pris en compte pour le r\u00e9f\u00e9rencement. Google se basera sur les Core Web Vitals mesur\u00e9s par CrUX. Ces mesures sont effectu\u00e9es chez de vrais utilisateurs \u00e0 l&rsquo;aide du Real User Monitoring et ne seront pas affect\u00e9es par notre astuce. D&rsquo;autre part, le fait de retarder les fichiers JS, ce qui est recommand\u00e9 par Google, aura un effet positif sur les donn\u00e9es des utilisateurs et donc sur les Core Web Vitals.<br><\/li><\/ul><p>Pour en savoir plus sur ce changement, consultez notre <a href=\"https:\/\/docs.wp-rocket.me\/article\/1349-delay-javascript-execution\">documentation<\/a>.<\/p><h2 class=\"wp-block-heading\">La suppression des ressources CSS inutilis\u00e9es (version b\u00eata)&nbsp;<\/h2><p><br>La derni\u00e8re fois que vous avez test\u00e9 votre performance web, il y a de fortes chances que vous ayez d\u00fb voir cette recommandation dans la section Opportunit\u00e9s du rapport PageSpeed Insights de Google.<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1502\" height=\"596\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/rucss.png\" alt=\"\" class=\"wp-image-4340372\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/rucss.png 1502w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/rucss-310x123.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/rucss-768x305.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/rucss-151x60.png 151w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/rucss-227x90.png 227w\" sizes=\"(max-width: 1502px) 100vw, 1502px\" \/><figcaption>Recommandation PageSpeed<\/figcaption><\/figure><p>Google analyse toutes les feuilles de style de votre site web et s&rsquo;il trouve des fichiers CSS contenant plus de 2 Ko de code inutilis\u00e9, vous avez droit \u00e0 cette recommandation. Pas de panique si c&rsquo;est le cas, notre nouvelle fonctionnalit\u00e9 b\u00eata est l\u00e0 pour vous aider.<\/p><p>Alors, comment se conformer \u00e0 cette recommandation Google ?<\/p><p>Avant de r\u00e9pondre \u00e0 cette question, voyons d\u2019abord \u00e0 quoi correspondent toutes ces ressources CSS inutilis\u00e9es.&nbsp;<\/p><p>Le CSS inutilis\u00e9 est tout simplement du code qui se trouve sur votre site mais qui ne sert pas. Il augmente le poids de votre page et contribue \u00e0 son ralentissement. Bref, c\u2019est un peu le boulet de votre site.<\/p><p>Prenons un exemple.<\/p><p>Lorsque vous installez un th\u00e8me sur votre site WordPress, le code contient tout ce dont votre th\u00e8me <em>pourrait <\/em>avoir besoin, des widgets \u00e0 la police en passant par la couleur de l&rsquo;arri\u00e8re-plan.&nbsp;<\/p><p>Le CSS c\u2019est le code qui permet de styliser le contenu de votre site mais vous ne vous servez pas de tout ! Vous pouvez par exemple d\u00e9cider de ne pas du tout utiliser un certain widget ou de ne l\u2019utiliser que sur certaines pages.&nbsp;<\/p><p>N\u00e9anmoins, la feuille de style qui contient le code pour ce widget est charg\u00e9e sur l&rsquo;ensemble du site, m\u00eame si elle n&rsquo;est pas utilis\u00e9e. Vous voyez le probl\u00e8me ?<\/p><p>Quand bien m\u00eame le fichier CSS en question ne repr\u00e9senterait que quelques Kb, tous ces \u00e9l\u00e9ments mis bout \u00e0 bout finissent inexorablement par ralentir la performance de votre site. Cela est d&rsquo;autant plus vrai que les fichiers CSS sont par d\u00e9faut des \u00ab\u00a0ressources bloquant le rendu\u00a0\u00bb. Cela signifie que le navigateur devra lire tout le CSS avant d&rsquo;afficher le contenu d\u2019une page.&nbsp;<\/p><p>Maintenant qu\u2019on a compris \u00e0 quoi correspondent les ressources CSS inutilis\u00e9es et comment elles ralentissent votre site, notre solution pour optimiser tout \u00e7a c\u2019est WP&nbsp;Rocket 3.9.<\/p><p>La nouvelle fonction b\u00eata supprime toutes les feuilles de style inutilis\u00e9es d&rsquo;une page pour ne&nbsp; g\u00e9n\u00e9rer que celles r\u00e9ellement utilis\u00e9es pour chaque page. C\u2019est ce qui s\u2019appelle faire un grand m\u00e9nage de printemps.<\/p><h3 class=\"wp-block-heading\">Que pouvez-vous attendre de cette option ?<\/h3><p>La suppression des ressources CSS inutilis\u00e9es va vous permettre d\u2019augmenter votre performance web de plusieurs fa\u00e7ons.<\/p><p>Tout d&rsquo;abord, la nouvelle fonction b\u00eata va venir r\u00e9duire le poids total de votre page. En effet, la suppression de tous les CSS inutilis\u00e9s veut dire que le poids et le nombre de fichiers charg\u00e9s par le navigateur seront moins \u00e9lev\u00e9s.<\/p><p>Deuxi\u00e8mement, la fonction va aussi venir r\u00e9duire le temps de chargement de votre page. Si les navigateurs ont moins de CSS \u00e0 lire, le temps n\u00e9cessaire \u00e0 l\u2019affichage de la page sera bien moindre.<\/p><p>L&rsquo;objectif derri\u00e8re la suppression des ressources CSS inutilis\u00e9es ? Une page plus rapide \u00e0 charger. Et comme un site plus rapide a de meilleures chances d&rsquo;\u00eatre bien class\u00e9 dans les moteurs de recherche, c\u2019est un aspect \u00e0 prendre on ne peut plus au s\u00e9rieux !<\/p><p>Cerise sur le g\u00e2teau, cette fonctionnalit\u00e9 r\u00e9pond directement \u00e0 la recommandation de Google \u201cR\u00e9duisez les ressources CSS inutilis\u00e9es\u201d (anciennement \u00ab\u00a0Supprimez les ressources CSS inutilis\u00e9es\u00a0\u00bb). C\u2019est votre score PageSpeed qui devrait \u00eatre content ! Plus pr\u00e9cis\u00e9ment, l\u2019option devrait avoir un effet positif sur les m\u00e9triques Largest Contentful Paint (LCP &#8211; mesure du chargement) et du First Input Delay (FID &#8211; mesure de l&rsquo;interactivit\u00e9).&nbsp;<\/p><p>Bien que nous ne puissions pas pr\u00e9dire vos gains de performance exacts, nous pouvons vous montrer les r\u00e9sultats que nous avons obtenus sur <a href=\"https:\/\/rocketlabsqa.ovh\/\">ce site<\/a>.<\/p><p>Avant d&rsquo;activer l&rsquo;option, nous avons lanc\u00e9 plusieurs tests PageSpeed : notre score \u00e9tait de 77 sur mobile et Google affichait la recommandation \u201cR\u00e9duisez les ressources CSS inutilis\u00e9es\u201d.<br><br><em><\/em><\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1335\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/nocache.png\" alt=\"\" class=\"wp-image-4340380\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/nocache.png 1600w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/nocache-234x195.png 234w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/nocache-768x641.png 768w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1028\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/no-cache-2.png\" alt=\"\" class=\"wp-image-4340387\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/no-cache-2.png 1600w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/no-cache-2-304x195.png 304w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/no-cache-2-768x493.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/no-cache-2-93x60.png 93w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/no-cache-2-140x90.png 140w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure><p>D\u00e8s que nous avons activ\u00e9 l&rsquo;option, notre score PageSpeed a augment\u00e9 et nous avons r\u00e9ussi l\u2019audit.&nbsp;<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1317\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cache.png\" alt=\"\" class=\"wp-image-4340393\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cache.png 1600w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cache-237x195.png 237w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cache-768x632.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cache-73x60.png 73w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cache-109x90.png 109w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1528\" height=\"872\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cache-2.png\" alt=\"\" class=\"wp-image-4340403\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cache-2.png 1528w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cache-2-310x177.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cache-2-768x438.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cache-2-105x60.png 105w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/cache-2-158x90.png 158w\" sizes=\"(max-width: 1528px) 100vw, 1528px\" \/><figcaption>Nos r\u00e9sultats apr\u00e8s la 3.9<\/figcaption><\/figure><p><br>Il arrive que la recommandation \u201cR\u00e9duisez les ressources CSS inutilis\u00e9es\u201d continue de s\u2019afficher alors m\u00eame que la nouvelle fonctionnalit\u00e9 est activ\u00e9e. Si c\u2019est le cas, vos ressources CSS inutilis\u00e9es seront bien moindres mais vous ne r\u00e9ussirez pas l\u2019audit. Pour des raisons de compatibilit\u00e9 et pour \u00e9viter des bugs, nous pr\u00e9f\u00e9rons conserver certaines ressources CSS dans le code, bien qu\u2019elles soient consid\u00e9r\u00e9es comme inutilis\u00e9es par PageSpeed. M\u00eame si nous continuons \u00e0 voir la recommandation, nous supprimons toutes les ressources CSS qui ne sont pas n\u00e9cessaires \u00e0 votre site web&#8230; sans le casser ! Mieux vaut pr\u00e9venir que gu\u00e9rir, non ?<\/p><p><br>\u00c0 vous maintenant !<\/p><h3 class=\"wp-block-heading\"><br><strong>Comment \u00e7a marche ?<\/strong><\/h3><p><br>Cette fonction en version b\u00eata pour le moment se trouve dans l&rsquo;onglet Optimisation des fichiers. Elle doit \u00eatre activ\u00e9e manuellement.<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1374\" height=\"618\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/rucss-2.png\" alt=\"\" class=\"wp-image-4340413\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/rucss-2.png 1374w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/rucss-2-310x139.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/rucss-2-768x345.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/rucss-2-133x60.png 133w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/05\/rucss-2-200x90.png 200w\" sizes=\"(max-width: 1374px) 100vw, 1374px\" \/><figcaption>La fonctionnalit\u00e9 dans WP Rocket<\/figcaption><\/figure><p>Une fois l\u2019option activ\u00e9e, une zone de texte s\u2019affiche dans laquelle vous pouvez saisir les fichiers CSS que vous souhaitez exclure de la fonction. C\u2019est un peu votre \u00ab\u00a0filet de s\u00e9curit\u00e9\u00a0\u00bb : les fichiers qui s&rsquo;y trouvent ne seront pas supprim\u00e9s.<\/p><p>Concr\u00e8tement, lorsque l&rsquo;option est activ\u00e9e, les ressources CSS inutilis\u00e9es sont supprim\u00e9es du code, et seules celles qui sont utilis\u00e9es sont g\u00e9n\u00e9r\u00e9es puis ajout\u00e9es au code HTML de chaque page. La toute premi\u00e8re fois que vous activez cette fonction, le processus de suppression du CSS inutilis\u00e9 peut prendre quelques minutes. Mais souvenez-vous : tout vient \u00e0 point \u00e0 qui sait attendre !<\/p><p>Le mot de la fin :&nbsp; cette fonctionnalit\u00e9 est encore en version b\u00eata et en cours de perfectionnement par nos soins. Nous vous offrons un acc\u00e8s anticip\u00e9, mais certains changements pourront \u00eatre apport\u00e9s par la suite. Si vous remarquez des probl\u00e8mes sur votre site, il suffit de d\u00e9sactiver l\u2019option.<\/p><p>Pour en savoir plus sur cette fonctionnalit\u00e9 b\u00eata, consultez notre <a href=\"https:\/\/docs.wp-rocket.me\/article\/1529-remove-unused-css\">documentation.<\/a><\/p><h2 class=\"wp-block-heading\"><br>La suppression de certains add-ons<\/h2><p>On adore ajouter de nouvelles fonctionnalit\u00e9s mais on sait aussi que parfois<em> less is more<\/em>. C\u2019est pourquoi nous nettoyons r\u00e9guli\u00e8rement l\u2019interface et supprimons les options qui pourraient vous embrouiller sans vous apporter aucune valeur du point de vue performance.<\/p><p>Cette fois-ci nous nous sommes attaqu\u00e9s aux add-ons \u00ab Google Analytics Tracking \u00bb et \u00ab Facebook Pixel \u00bb.<\/p><p>Au d\u00e9part, ces add-ons \u00e9taient pr\u00e9sents pour aider \u00e0 satisfaire la recommandation PageSpeed&nbsp; \u201cExploiter la mise en cache du navigateur\u201d.&nbsp;<\/p><p>\u00c0 l&rsquo;\u00e9poque, le probl\u00e8me \u00e9tait que vous ne pouviez pas effectuer de mise en cache sur des fichiers que vous n&rsquo;h\u00e9bergiez pas. Nous avions r\u00e9solu ce probl\u00e8me en h\u00e9bergeant les fichiers localement sur votre serveur.<\/p><p>Depuis, Google recommande d&rsquo;utiliser le LazyLoad pour optimiser les scripts tiers, ce que nous faisons pr\u00e9cis\u00e9ment avec la fonction \u201cChargement diff\u00e9r\u00e9 des fichiers JS\u201d. Nous retardons d\u00e9sormais l&rsquo;ex\u00e9cution de scripts tiers, notamment Google Tracking et Facebook Pixel.<\/p><p>Pour nous assurer que cette nouvelle solution est plus efficace, nous avons m\u00eame effectu\u00e9 des tests qui ont montr\u00e9 que l&rsquo;h\u00e9bergement local de Google Tracking et de Facebook Pixels fait baisser le score Google PageSpeed m\u00eame si ces fichiers ne sont pas retard\u00e9s.<\/p><p>Nos add-ons permettant d&rsquo;h\u00e9berger localement les fichiers Google Tracking et Facebook Pixels n\u2019avaient donc plus lieu d\u2019\u00eatre. Oust!<\/p><h2 class=\"wp-block-heading\">Nouvelles exigences<\/h2><p>Il est \u00e0 noter que nous avons \u00e9galement modifi\u00e9 les exigences minimales de WordPress pour utiliser cette nouvelle version majeure de WP&nbsp;Rocket.<\/p><p>Il faudra d\u00e9sormais utiliser WordPress 5.3 ou + pour faire fonctionner WP&nbsp;Rocket correctement sur votre site.&nbsp;<\/p><p>Plus de 98% de nos utilisateurs utilisent d\u00e9j\u00e0 WordPress 5.3 ou +, mais si vous avez encore une version plus ancienne, n\u2019oubliez pas de faire une mise \u00e0 jour.<\/p><p>N&rsquo;h\u00e9sitez pas \u00e0 contacter votre h\u00e9bergeur si vous ne vous sentez pas capable de le faire vous-m\u00eame.<\/p><h2 class=\"wp-block-heading\">En r\u00e9sum\u00e9<\/h2><p>L\u2019objectif de WP Rocket 3.9 ? Am\u00e9liorer votre score PageSpeed et vos m\u00e9triques Core Web Vitals !<\/p><p>Notre nouvelle version s\u2019articule autour de deux am\u00e9liorations principales qui sont le chargement diff\u00e9r\u00e9 des fichiers JS et la suppression des ressources CSS inutilis\u00e9es (version b\u00eata).<\/p><p>La premi\u00e8re devrait am\u00e9liorer le FID en satisfaisant \u00e0 la recommandation \u00ab\u00a0R\u00e9duire le temps d&rsquo;ex\u00e9cution JavaScript\u00a0\u00bb et booster votre score LCP en r\u00e9pondant aux recommandations \u00ab\u00a0R\u00e9duisez les ressources JavaScript inutilis\u00e9es\u201d (ou \u00ab\u00a0Supprimer les JS inutilis\u00e9s\u00a0\u00bb) et \u00ab\u00a0\u00c9liminer les ressources bloquant le rendu\u00a0\u00bb.<\/p><p>La deuxi\u00e8me option r\u00e9pond \u00e0 la recommandation \u201cR\u00e9duisez les ressources inutilis\u00e9es\u201d (ou anciennement \u00ab\u00a0Supprimez les ressources CSS inutilis\u00e9es\u00a0\u00bb) et devrait aussi avoir un effet positif sur les m\u00e9triques LCP et FID.<\/p><p>Nous avons \u00e9galement supprim\u00e9 deux options obsol\u00e8tes de l&rsquo;interface utilisateur : les add-ons Google Tracking et Facebook pixel, et mis \u00e0 jour les exigences minimales de WordPress, pour une utilisation du plugin plus facile que jamais !<\/p><p>Si vous voulez vous plonger dans les d\u00e9tails des am\u00e9liorations, voici notre <a href=\"https:\/\/wp-rocket.me\/changelog\/\">changelog<\/a>.<br>Mettez \u00e0 jour la v3.9 et laissez votre avis dans la section commentaires ci-dessous !&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Bienvenue \u00e0 WP&nbsp;Rocket 3.9 ! Cette nouvelle version s\u2019accompagne de nombreuses am\u00e9liorations pour votre site WordPress : le chargement diff\u00e9r\u00e9 des fichiers JavaScript et la suppression des ressources CSS inutilis\u00e9es (en version b\u00eata).<\/p>\n","protected":false},"author":184307,"featured_media":3528241,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"kia_subtitle":"","footnotes":""},"categories":[76],"tags":[],"class_list":["post-3528218","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-coulisses-wp-rocket"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WP Rocket 3.9 : pr\u00e9parez votre site pour les Core Web Vitals de Google<\/title>\n<meta name=\"description\" content=\"Bienvenue \u00e0 WP Rocket 3.9 ! Cette nouvelle version s\u2019accompagne de nombreuses am\u00e9liorations pour votre site WordPress : le chargement diff\u00e9r\u00e9 des fichiers JavaScript et la suppression des ressources CSS inutilis\u00e9es (en version b\u00eata).\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WP Rocket 3.9 : pr\u00e9parez votre site pour les Core Web Vitals de Google\" \/>\n<meta property=\"og:description\" content=\"Bienvenue \u00e0 WP Rocket 3.9 ! Cette nouvelle version s\u2019accompagne de nombreuses am\u00e9liorations pour votre site WordPress : le chargement diff\u00e9r\u00e9 des fichiers JavaScript et la suppression des ressources CSS inutilis\u00e9es (en version b\u00eata).\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Rocket\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-07T07:50:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-04T09:22:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/06\/1900x800-Blog-Post-FR.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1900\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Caroline Wood\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wp_rocket\" \/>\n<meta name=\"twitter:site\" content=\"@wp_rocket\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Caroline Wood\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture est.\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/\"},\"author\":{\"name\":\"Caroline Wood\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/a82dcf7a40b8ca43f9b02ed10dcf4254\"},\"headline\":\"WP&nbsp;Rocket 3.9 : pr\u00e9parez votre site pour les Core Web Vitals de Google\",\"datePublished\":\"2021-07-07T07:50:00+00:00\",\"dateModified\":\"2022-05-04T09:22:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/\"},\"wordCount\":3729,\"publisher\":{\"@id\":\"https:\/\/wp-rocket.me\/#organization\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/06\/1900x800-Blog-Post-FR.png\",\"articleSection\":[\"Les coulisses de WP Rocket\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/\",\"url\":\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/\",\"name\":\"WP Rocket 3.9 : pr\u00e9parez votre site pour les Core Web Vitals de Google\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/06\/1900x800-Blog-Post-FR.png\",\"datePublished\":\"2021-07-07T07:50:00+00:00\",\"dateModified\":\"2022-05-04T09:22:20+00:00\",\"description\":\"Bienvenue \u00e0 WP Rocket 3.9 ! Cette nouvelle version s\u2019accompagne de nombreuses am\u00e9liorations pour votre site WordPress : le chargement diff\u00e9r\u00e9 des fichiers JavaScript et la suppression des ressources CSS inutilis\u00e9es (en version b\u00eata).\",\"breadcrumb\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/#primaryimage\",\"url\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/06\/1900x800-Blog-Post-FR.png\",\"contentUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/06\/1900x800-Blog-Post-FR.png\",\"width\":1900,\"height\":800,\"caption\":\"WP Rocket 3.9\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/wp-rocket.me\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inside WP Rocket\",\"item\":\"https:\/\/wp-rocket.me\/blog\/inside-wp-rocket\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"WP&nbsp;Rocket 3.9 : pr\u00e9parez votre site pour les Core Web Vitals de Google\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wp-rocket.me\/#website\",\"url\":\"https:\/\/wp-rocket.me\/\",\"name\":\"WP Rocket\",\"description\":\"Plugin d&#039;optimisation de sites WordPress\",\"publisher\":{\"@id\":\"https:\/\/wp-rocket.me\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wp-rocket.me\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/wp-rocket.me\/#organization\",\"name\":\"WP Rocket\",\"url\":\"https:\/\/wp-rocket.me\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png\",\"contentUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png\",\"width\":150,\"height\":41,\"caption\":\"WP Rocket\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829\",\"https:\/\/x.com\/wp_rocket\",\"https:\/\/www.youtube.com\/channel\/UC1ozThXHd1IWIZ5wkshgp_Q\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/a82dcf7a40b8ca43f9b02ed10dcf4254\",\"name\":\"Caroline Wood\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7aa298514ce4925b5fa716bbffc71cc4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7aa298514ce4925b5fa716bbffc71cc4?s=96&d=mm&r=g\",\"caption\":\"Caroline Wood\"},\"description\":\"Caroline is the brand content and communication specialist at WP Rocket. With a background in marketing, she loves getting creative with words as a way of connecting with people. When she isn\u2019t writing, you\u2019ll be sure to find her at the beach.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WP Rocket 3.9 : pr\u00e9parez votre site pour les Core Web Vitals de Google","description":"Bienvenue \u00e0 WP Rocket 3.9 ! Cette nouvelle version s\u2019accompagne de nombreuses am\u00e9liorations pour votre site WordPress : le chargement diff\u00e9r\u00e9 des fichiers JavaScript et la suppression des ressources CSS inutilis\u00e9es (en version b\u00eata).","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:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/","og_locale":"fr_FR","og_type":"article","og_title":"WP Rocket 3.9 : pr\u00e9parez votre site pour les Core Web Vitals de Google","og_description":"Bienvenue \u00e0 WP Rocket 3.9 ! Cette nouvelle version s\u2019accompagne de nombreuses am\u00e9liorations pour votre site WordPress : le chargement diff\u00e9r\u00e9 des fichiers JavaScript et la suppression des ressources CSS inutilis\u00e9es (en version b\u00eata).","og_url":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/","og_site_name":"WP Rocket","article_publisher":"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829","article_published_time":"2021-07-07T07:50:00+00:00","article_modified_time":"2022-05-04T09:22:20+00:00","og_image":[{"width":1900,"height":800,"url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/06\/1900x800-Blog-Post-FR.png","type":"image\/png"}],"author":"Caroline Wood","twitter_card":"summary_large_image","twitter_creator":"@wp_rocket","twitter_site":"@wp_rocket","twitter_misc":{"\u00c9crit par":"Caroline Wood","Dur\u00e9e de lecture est.":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/#article","isPartOf":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/"},"author":{"name":"Caroline Wood","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/a82dcf7a40b8ca43f9b02ed10dcf4254"},"headline":"WP&nbsp;Rocket 3.9 : pr\u00e9parez votre site pour les Core Web Vitals de Google","datePublished":"2021-07-07T07:50:00+00:00","dateModified":"2022-05-04T09:22:20+00:00","mainEntityOfPage":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/"},"wordCount":3729,"publisher":{"@id":"https:\/\/wp-rocket.me\/#organization"},"image":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/06\/1900x800-Blog-Post-FR.png","articleSection":["Les coulisses de WP Rocket"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/","url":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/","name":"WP Rocket 3.9 : pr\u00e9parez votre site pour les Core Web Vitals de Google","isPartOf":{"@id":"https:\/\/wp-rocket.me\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/#primaryimage"},"image":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/06\/1900x800-Blog-Post-FR.png","datePublished":"2021-07-07T07:50:00+00:00","dateModified":"2022-05-04T09:22:20+00:00","description":"Bienvenue \u00e0 WP Rocket 3.9 ! Cette nouvelle version s\u2019accompagne de nombreuses am\u00e9liorations pour votre site WordPress : le chargement diff\u00e9r\u00e9 des fichiers JavaScript et la suppression des ressources CSS inutilis\u00e9es (en version b\u00eata).","breadcrumb":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/#primaryimage","url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/06\/1900x800-Blog-Post-FR.png","contentUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/06\/1900x800-Blog-Post-FR.png","width":1900,"height":800,"caption":"WP Rocket 3.9"},{"@type":"BreadcrumbList","@id":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-9\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/wp-rocket.me\/fr\/"},{"@type":"ListItem","position":2,"name":"Inside WP Rocket","item":"https:\/\/wp-rocket.me\/blog\/inside-wp-rocket\/"},{"@type":"ListItem","position":3,"name":"WP&nbsp;Rocket 3.9 : pr\u00e9parez votre site pour les Core Web Vitals de Google"}]},{"@type":"WebSite","@id":"https:\/\/wp-rocket.me\/#website","url":"https:\/\/wp-rocket.me\/","name":"WP Rocket","description":"Plugin d&#039;optimisation de sites WordPress","publisher":{"@id":"https:\/\/wp-rocket.me\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wp-rocket.me\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/wp-rocket.me\/#organization","name":"WP Rocket","url":"https:\/\/wp-rocket.me\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/","url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png","contentUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png","width":150,"height":41,"caption":"WP Rocket"},"image":{"@id":"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829","https:\/\/x.com\/wp_rocket","https:\/\/www.youtube.com\/channel\/UC1ozThXHd1IWIZ5wkshgp_Q"]},{"@type":"Person","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/a82dcf7a40b8ca43f9b02ed10dcf4254","name":"Caroline Wood","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7aa298514ce4925b5fa716bbffc71cc4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7aa298514ce4925b5fa716bbffc71cc4?s=96&d=mm&r=g","caption":"Caroline Wood"},"description":"Caroline is the brand content and communication specialist at WP Rocket. With a background in marketing, she loves getting creative with words as a way of connecting with people. When she isn\u2019t writing, you\u2019ll be sure to find her at the beach."}]}},"_links":{"self":[{"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/posts\/3528218"}],"collection":[{"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/users\/184307"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/comments?post=3528218"}],"version-history":[{"count":0,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/posts\/3528218\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/media\/3528241"}],"wp:attachment":[{"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/media?parent=3528218"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/categories?post=3528218"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/tags?post=3528218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}