{"id":5972472,"date":"2023-09-19T08:22:18","date_gmt":"2023-09-19T06:22:18","guid":{"rendered":"https:\/\/wp-rocket.me\/?p=5972472"},"modified":"2023-09-19T08:28:03","modified_gmt":"2023-09-19T06:28:03","slug":"wp-rocket-3-15","status":"publish","type":"post","link":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/","title":{"rendered":"3.15 &#8211; Le LazyLoad d\u00e9sormais disponible pour les images de backgrounds CSS"},"content":{"rendered":"<p>Quel est l&rsquo;objectif principal que vous vous fixez lorsque vous optimisez la vitesse de votre site web ? Peut-\u00eatre offrir une exp\u00e9rience utilisateur exceptionnelle ? Ou encore am\u00e9liorer vos Core Web Vitals et votre score PageSpeed Insights car ils impactent votre r\u00e9f\u00e9rencement sur Google ?<\/p><p>Dans tous les cas, quelque chose nous dit que vous allez appr\u00e9cier la nouvelle version. On vous d\u00e9voile WP Rocket 3.15 !<\/p><p>C\u2019est avec beaucoup d\u2019enthousiasme que nous vous pr\u00e9sentons cette toute derni\u00e8re version qui vient avec une nouvelle fonctionnalit\u00e9 : le LazyLoad pour les images de backgrounds CSS. Cette nouvelle option vous aide \u00e0 r\u00e9pondre \u00e0 deux audits PageSpeed Insights, \u00e0 am\u00e9liorer certains indicateurs de performance cl\u00e9s (KPIs) ainsi que votre score sur PageSpeed Insights. Cette fonctionnalit\u00e9 est une grande premi\u00e8re sur le march\u00e9, vous d\u00e9couvrirez pourquoi dans la section suivante. \ud83d\ude80<\/p><p>WP Rocket 3.15 s&rsquo;accompagne \u00e9galement de la suppression de la fonctionnalit\u00e9 \u201cCombiner les fichiers CSS\u201d &#8211; on vous explique la raison de ce choix plus tard dans l\u2019article.&nbsp;<\/p><p>Bienvenue dans WP Rocket 3.15,&nbsp;<strong>regardez notre vid\u00e9o<\/strong>&nbsp;ou continuez votre lecture pour d\u00e9couvrir toutes les nouveaut\u00e9s de la derni\u00e8re version majeure !<\/p><iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/4ktfmZlFhRE?si=HrwZB-nY0vUVJgiC\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe><h2 class=\"wp-block-heading\">Pourquoi le lazy loading des images permet-il d&rsquo;am\u00e9liorer la performance ?<\/h2><p>Le lazy loading est une technique puissante d&rsquo;optimisation de la performance qui permet au navigateur de ne charger que les fichiers visibles pour l\u2019utilisateur (au-dessus de la ligne de flottaison). Cette technique est essentielle pour afficher la page le plus rapidement possible.<\/p><p>Gr\u00e2ce au lazy loading, les images qui ne sont pas incluses dans la partie visible de la fen\u00eatre (donc en dessous de la ligne de flottaison) sont charg\u00e9es de mani\u00e8re diff\u00e9r\u00e9e. En fait, comme elles ne sont pas n\u00e9cessaires au chargement initial de la page, elles ne seront affich\u00e9es que lorsque l&rsquo;utilisateur commencera \u00e0 faire d\u00e9filer la page vers le bas. On a donc une page qui s&rsquo;affiche plus rapidement car le navigateur n&rsquo;a pas \u00e0 attendre que toutes les ressources &#8211; y compris celles qui ne sont pas critiques &#8211; soient charg\u00e9es.&nbsp;<\/p><p>Le lazy loading doit \u00eatre appliqu\u00e9 \u00e0 toutes les images, \u00e0 l&rsquo;exception de celles qui se trouvent au-dessus de la ligne de flottaison. Comme expliqu\u00e9 pr\u00e9c\u00e9demment, ces derni\u00e8res sont imm\u00e9diatement visibles par les utilisateurs et doivent \u00eatre charg\u00e9es le plus rapidement possible. Les images d\u00e9finies dans les fichiers CSS, comme les images de backgrounds, sont elles aussi concern\u00e9es par le lazy loading.&nbsp;<\/p><p>Une chose est s\u00fbre : le lazy loading aide la page \u00e0 se charger plus rapidement et am\u00e9liore le temps de chargement global. Il est temps de d\u00e9couvrir cette nouvelle fonctionnalit\u00e9 dans l\u2019interface de WP Rocket.&nbsp;<\/p><h2 class=\"wp-block-heading\">3.15 : En quoi consiste le LazyLoad des images de backgrounds CSS<\/h2><p>C\u2019est officiel, WP Rocket propose donc le LazyLoad sur les images de backgrounds CSS. Ce qu\u2019il faut surtout souligner, c\u2019est l\u2019impact de cette fonctionnalit\u00e9 sur ces deux audits importants de PageSpeed Insights:&nbsp;<\/p><ul class=\"wp-block-list\"><li>\u00c9vitez d\u2019\u00e9normes charges utiles de r\u00e9seau (<a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/avoid-enormous-network-payloads\/\">Avoid enormous network payloads<\/a>)<\/li>\n\n<li>R\u00e9duisez au maximum le nombre de requ\u00eates et la taille des transferts (<a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/keep-request-counts-low-transfer-sizes-small\/\">Keep request count low and transfer sizes small<\/a>)<\/li><\/ul><p>Ces deux audits sont directement li\u00e9s au poids de vos pages lors du chargement. C&rsquo;est pourquoi le LazyLoad appliqu\u00e9 directement sur les images de backgrounds CSS est essentiel pour la performance. Et puis surtout, c\u2019est la premi\u00e8re fois que cette option peut \u00eatre activ\u00e9e en un clic &#8211; sans aucun autre effort de votre part.<\/p><p>En fonction de comment votre page est construite, la nouvelle fonctionnalit\u00e9 peut \u00e9galement vous aider \u00e0 am\u00e9liorer trois autres mesures de performance : le <a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/improve-largest-contentful-paint\/\">Largest Contentful Paint<\/a> (Core Web Vitals), le <a href=\"https:\/\/wp-rocket.me\/lighthouse-performance-score-wordpress\/improve-first-contentful-paint\/\">First Contentful Paint<\/a> et le <a href=\"https:\/\/wp-rocket.me\/lighthouse-performance-score-wordpress\/improve-speed-index\/\">Speed Index<\/a>.&nbsp;<\/p><p>Toutes ces m\u00e9triques sont incluses dans le rapport performance de Google et influencent le score global de PageSpeed Insights. En les optimisant, vous verrez probablement une am\u00e9lioration du c\u00f4t\u00e9 de vos Core Web Vitals et de votre note de performance globale.<\/p><h3 class=\"wp-block-heading\">Impact de la nouvelle fonctionnalit\u00e9 sur la performance<\/h3><p>Nous avons effectu\u00e9 quelques tests avec PageSpeed Insights pour mesurer l&rsquo;impact de notre nouvelle fonctionnalit\u00e9 sur la performance.&nbsp;<\/p><p>Dans un environnement test, nous avons cr\u00e9\u00e9 une page avec 22 images d&rsquo;arri\u00e8re-plan.<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"937\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-before-test-1.jpeg\" alt=\"Liste des images d'arri\u00e8re-plan incluses avant le test - Source: Onglet Chrome Network\n\" class=\"wp-image-5972378\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-before-test-1.jpeg 1920w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-before-test-1-310x151.jpeg 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-before-test-1-768x375.jpeg 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-before-test-1-123x60.jpeg 123w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-before-test-1-184x90.jpeg 184w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><figcaption class=\"wp-element-caption\">Liste des images d&rsquo;arri\u00e8re-plan incluses avant le test &#8211; Source: Onglet Chrome Network<br><\/figcaption><\/figure><p>Avant d&rsquo;activer le LazyLoad sur les images de backgrounds CSS, nous avons lanc\u00e9 un premier audit sur PageSpeed Insights.&nbsp;<\/p><p>Le r\u00e9sultat nous a indiqu\u00e9 que l\u2019on devait am\u00e9liorer les deux audits mentionn\u00e9s ci-dessus : \u201c\u00e9vitez les charges utiles \u00e9normes de r\u00e9seau\u201d et \u201cr\u00e9duisez au maximum le nombre de requ\u00eates et la taille des transferts \u201d.&nbsp;<\/p><p>Lighthouse a d&rsquo;ailleurs mis en \u00e9vidence la taille totale des ressources (6 229 KB) et le nombre total de ressources trouv\u00e9es (23 requ\u00eates):<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"966\" height=\"294\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-before-test-PSI-audits-1.png\" alt=\"Diagnostic avant l'activation du LazyLoad sur les images de backgrounds CSS \" class=\"wp-image-5972386\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-before-test-PSI-audits-1.png 966w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-before-test-PSI-audits-1-310x94.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-before-test-PSI-audits-1-768x234.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-before-test-PSI-audits-1-190x58.png 190w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-before-test-PSI-audits-1-296x90.png 296w\" sizes=\"(max-width: 966px) 100vw, 966px\" \/><figcaption class=\"wp-element-caption\">Diagnostic avant l&rsquo;activation du LazyLoad sur les images de backgrounds CSS<\/figcaption><\/figure><p>La note globale et les cinq m\u00e9triques de Lighthouse \u00e9taient plut\u00f4t bonnes :<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"937\" height=\"667\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-before-test-PSI-1.png\" alt=\"Rapport de performance avant l'activation du lazy loading sur les images de backgrounds CSS \n\" class=\"wp-image-5972393\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-before-test-PSI-1.png 937w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-before-test-PSI-1-274x195.png 274w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-before-test-PSI-1-768x547.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-before-test-PSI-1-84x60.png 84w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-before-test-PSI-1-126x90.png 126w\" sizes=\"(max-width: 937px) 100vw, 937px\" \/><figcaption class=\"wp-element-caption\">Rapport de performance avant l&rsquo;activation du lazy loading sur les images de backgrounds CSS&nbsp;<br><\/figcaption><\/figure><p>Voyons \u00e0 pr\u00e9sent nos r\u00e9sultats apr\u00e8s l&rsquo;activation du LazyLoad sur les images de backgrounds CSS.<\/p><p>Si on revient \u00e0 notre liste d\u2019images depuis l\u2019onglet \u201cR\u00e9seau\u201d de Chrome, le nombre d\u2019images est pass\u00e9 de 22 \u00e0 seulement 7.&nbsp;<\/p><p>Alors, pourquoi un tel changement ?&nbsp;<\/p><p>C\u2019est simple, on ne voit plus que les images qui doivent \u00eatre charg\u00e9es en priorit\u00e9 dans l\u2019\u00e9cran de l\u2019utilisateur.&nbsp;<\/p><p>Note importante : dans la capture d\u2019\u00e9cran, vous voyez 5 images alors que la liste des onglets de r\u00e9seau en affiche 7. C\u2019est parce que nous utilisons un seuil de 300px pour le LazyLoad. Cela signifie que toutes les images comprises sous ce seuil seront sujettes au chargement. Dans notre exemple, il y avait 2 images suppl\u00e9mentaires visibles dans les 300px de dessous de la partie visible de la fen\u00eatre.&nbsp;<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"937\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-after-test-1.jpeg\" alt=\"Liste des images de backgrounds incluses sur notre page apr\u00e8s le test - Onglet Chrome \u201cR\u00e9seau\u201d\n\" class=\"wp-image-5972406\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-after-test-1.jpeg 1920w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-after-test-1-310x151.jpeg 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-after-test-1-768x375.jpeg 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-after-test-1-123x60.jpeg 123w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-after-test-1-184x90.jpeg 184w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><figcaption class=\"wp-element-caption\">Liste des images de backgrounds incluses sur notre page apr\u00e8s le test &#8211; Onglet Chrome \u201cR\u00e9seau\u201d<br><\/figcaption><\/figure><p>Puis nous avons \u00e0 nouveau ex\u00e9cut\u00e9 le rapport PageSpeed, et voici ce que nous avons obtenu.<\/p><p>La section Diagnostics a montr\u00e9 une grande am\u00e9lioration. Le nombre de requ\u00eates est pass\u00e9 de 24 \u00e0 7, et leur taille de 6 229 Ko \u00e0 seulement 930 Ko. On s\u2019est aussi d\u00e9barrass\u00e9 des notifications en rouge !<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"709\" height=\"182\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-after-test-PSI-audits-1-1.png\" alt=\"Section de diagnostic apr\u00e8s l'activation du LazyLoad sur les images de backgrounds CSS \n\" class=\"wp-image-5972413\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-after-test-PSI-audits-1-1.png 709w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-after-test-PSI-audits-1-1-310x80.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-after-test-PSI-audits-1-1-190x49.png 190w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3.15-after-test-PSI-audits-1-1-351x90.png 351w\" sizes=\"(max-width: 709px) 100vw, 709px\" \/><figcaption class=\"wp-element-caption\">Section de diagnostic apr\u00e8s l&rsquo;activation du LazyLoad sur les images de backgrounds CSS&nbsp;<br><\/figcaption><\/figure><p>Encore mieux, l&rsquo;audit \u00ab\u00a0\u00c9vitez d\u2019\u00e9normes charges utiles de r\u00e9seau\u201d (Avoids enormous network payloads) est maintenant dans le vert, sous l&rsquo;audit \u00ab\u00a0Passed\u00a0\u00bb :<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"875\" height=\"80\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3-15-after-test-PSI-audits-2-1.png\" alt=\"\u00c9vitez d\u2019\u00e9normes charges utiles de r\u00e9seau (Avoids enormous network payloads) en vert dans l\u2019audit \u201cPassed\u201d \n\" class=\"wp-image-5972421\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3-15-after-test-PSI-audits-2-1.png 875w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3-15-after-test-PSI-audits-2-1-310x28.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3-15-after-test-PSI-audits-2-1-768x70.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3-15-after-test-PSI-audits-2-1-190x17.png 190w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/3-15-after-test-PSI-audits-2-1-750x69.png 750w\" sizes=\"(max-width: 875px) 100vw, 875px\" \/><figcaption class=\"wp-element-caption\">\u00c9vitez d\u2019\u00e9normes charges utiles de r\u00e9seau (Avoids enormous network payloads) en vert dans l\u2019audit \u201cPassed\u201d&nbsp;<br><\/figcaption><\/figure><p>Bien que les diff\u00e9rentes m\u00e9triques \u00e9taient d\u00e9j\u00e0 tr\u00e8s bonnes, nous pouvons tout de m\u00eame constater une am\u00e9lioration de ce c\u00f4t\u00e9 l\u00e0. Le Largest Contentful Paint (qui est un Core Web Vitals) est pass\u00e9 de 2.3 s \u00e0 1.3 s. Le Speed Index de 1.1 s \u00e0 0.8 s, et le First Contentful Paint de 1.0 s \u00e0 0.8 s.&nbsp;<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"889\" height=\"631\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/Performance-report-after-enabling-the-Lazy-Load-CSS-Background-Images-1-1.png\" alt=\"Rapport de performance apr\u00e8s l'activation du LazyLoad sur les images de backgrounds CSS \n\" class=\"wp-image-5972435\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/Performance-report-after-enabling-the-Lazy-Load-CSS-Background-Images-1-1.png 889w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/Performance-report-after-enabling-the-Lazy-Load-CSS-Background-Images-1-1-275x195.png 275w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/Performance-report-after-enabling-the-Lazy-Load-CSS-Background-Images-1-1-768x545.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/Performance-report-after-enabling-the-Lazy-Load-CSS-Background-Images-1-1-85x60.png 85w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/Performance-report-after-enabling-the-Lazy-Load-CSS-Background-Images-1-1-127x90.png 127w\" sizes=\"(max-width: 889px) 100vw, 889px\" \/><figcaption class=\"wp-element-caption\">Rapport de performance apr\u00e8s l&rsquo;activation du LazyLoad sur les images de backgrounds CSS&nbsp;<br><\/figcaption><\/figure><p>\ud83d\udca1Attention : il est important de rappeler que les am\u00e9liorations que vous pouvez obtenir avec une telle fonctionnalit\u00e9 d\u00e9pendent aussi de la structure de la page et du nombre d&rsquo;images d&rsquo;arri\u00e8re-plan que vous avez \u00e0 lazy loader.&nbsp;<br>Bon \u00e0 savoir : le First Contentful Paint, le Speed Index et le Largest Contentful Paint sont les principales m\u00e9triques cibl\u00e9es par notre nouvelle fonctionnalit\u00e9, de m\u00eame que les audits PageSpeed et le score de performance globale.&nbsp;<br>Notre test a \u00e9t\u00e9 effectu\u00e9 sur un prototype afin de montrer les am\u00e9liorations qu&rsquo;une telle fonctionnalit\u00e9 peut apporter avec un point de d\u00e9part qui \u00e9tait d\u00e9j\u00e0 bon. Imaginez l\u2019impact lorsque la marge d&rsquo;am\u00e9lioration est encore plus importante !<\/p><p>Voyons \u00e0 pr\u00e9sent comment activer le LazyLoad sur les images de backgrounds CSS depuis l\u2019interface de WP Rocket.<\/p><h3 class=\"wp-block-heading\">Zoom sur la nouvelle fonctionnalit\u00e9&nbsp;<\/h3><p>Pour activer le LazyLoad sur les images de backgrounds CSS, rendez-vous dans l&rsquo;onglet <strong>M\u00e9dia<\/strong> &gt; section <strong>LazyLoad<\/strong>.&nbsp;<\/p><p>L\u2019option en question est la deuxi\u00e8me de la liste et il vous suffit de cocher la case pour l&rsquo;activer. Comme expliqu\u00e9 pr\u00e9c\u00e9demment, il n&rsquo;y a pas de r\u00e9glages suppl\u00e9mentaires \u00e0 faire : vous activez l&rsquo;option et le plugin fait le travail pour vous.<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"841\" height=\"432\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/Nouvelle-option-LazyLoad-sur-les-images-de-background-CSS.png\" alt=\"Nouvelle option - LazyLoad sur les images de background CSS \n- WP Rocket 3.15\n\" class=\"wp-image-5976469\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/Nouvelle-option-LazyLoad-sur-les-images-de-background-CSS.png 841w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/Nouvelle-option-LazyLoad-sur-les-images-de-background-CSS-310x159.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/Nouvelle-option-LazyLoad-sur-les-images-de-background-CSS-768x395.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/Nouvelle-option-LazyLoad-sur-les-images-de-background-CSS-117x60.png 117w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/Nouvelle-option-LazyLoad-sur-les-images-de-background-CSS-175x90.png 175w\" sizes=\"(max-width: 841px) 100vw, 841px\" \/><figcaption class=\"wp-element-caption\">Nouvelle option &#8211; LazyLoad sur les images de background CSS&nbsp;<br>&#8211; WP Rocket 3.15<br><\/figcaption><\/figure><p>Attention, les images qui sont au-dessus de la ligne de flottaison (visibles dans l\u2019\u00e9cran du visiteur), ne doivent pas \u00eatre lazy load\u00e9es. Pourquoi ? Parce qu\u2019elles doivent \u00eatre charg\u00e9es le plus vite possible. Cette r\u00e8gle s\u2019applique aussi aux images d&rsquo;arri\u00e8re-plan de votre site.<\/p><p>Nous vous recommandons vivement d\u2019utiliser le champ \u201cImages ou iframes exclues\u201d pour exclure les m\u00e9dias de votre choix. D\u2019ailleurs, la prochaine version de WP Rocket s&rsquo;occupera de cela pour vous, mais chuuut !<\/p><p>\u26a0\ufe0fIl est important de ne pas activer l\u2019option \u201cCombinez les fichiers CSS\u201d provenant d&rsquo;autres plugins d&rsquo;optimisation ou de th\u00e8mes. WP Rocket ne prendra pas en compte les fichiers combin\u00e9s provenant d\u2019un autre plugin. Par cons\u00e9quent, le LazyLoad ne pourra pas \u00eatre appliqu\u00e9 sur un background qui se retrouve minifi\u00e9 par une autre source.&nbsp;<\/p><p>Cela nous am\u00e8ne au prochain gros changement de la version 3.15 : la suppression de l&rsquo;option \u201cCombiner les fichiers CSS\u201d (Combine CSS).&nbsp;<\/p><h2 class=\"wp-block-heading\">Adieu \u00e0 la fonctionnalit\u00e9 \u201cCombiner les fichiers CSS\u201d<\/h2><p>La fonctionnalit\u00e9 \u201cCombiner les fichiers CSS\u201d a \u00e9t\u00e9 con\u00e7ue pour les sites web utilisant le protocole HTTP\/1, afin de r\u00e9soudre l&rsquo;une de ses limitations : la possibilit\u00e9 d&rsquo;envoyer plusieurs requ\u00eates sur une seule connexion. Au fil du temps, l&rsquo;utilisation du protocole HTTP\/1 a diminu\u00e9 et il est d\u00e9sormais obsol\u00e8te. HTTP\/2 est d\u00e9sormais le principal protocole utilis\u00e9 et HTTP\/3 devient de plus en plus populaire pour d\u00e9livrer les ressources statiques.<\/p><p>Pour toutes ces raisons, \u201cCombiner les fichiers CSS\u201d n\u2019a plus lieu d\u2019\u00eatre et son utilisation avec les protocoles HTTP\/2 et HTTP\/3 ne pr\u00e9sente aucun avantage en termes de performance.&nbsp;<\/p><p>De plus, il y n\u2019y a pas de raison d&rsquo;optimiser le CSS si vous utilisez l\u2019option \u201cSupprimer les ressources CSS inutilis\u00e9es\u201d, qui est bien entendu compatible avec la nouvelle fonctionnalit\u00e9.&nbsp;<\/p><p>Et puis comme expliqu\u00e9 plus haut, lorsque vous activez le lazyLoad sur les images de backgrounds CSS, il est recommand\u00e9 que la fonctionnalit\u00e9 \u201cCombiner les fichiers CSS\u201d ne soit pas activ\u00e9e.&nbsp;<\/p><p>C&rsquo;est pour toutes ces raisons que l\u2019option \u201cCombiner les fichiers CSS\u201d sera automatiquement supprim\u00e9e de l&rsquo;onglet <strong>Optimisation des fichiers<\/strong> pour tous les nouveaux utilisateurs et les clients qui mettent \u00e0 jour \u00e0 partir de WP Rocket 3.14.&nbsp;<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1216\" height=\"684\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/La-fonction-Combiner-les-fichiers-CSS-qui-va-etre-supprimee.png\" alt=\"La fonction \u201cCombiner les fichiers CSS\u201d qui va \u00eatre supprim\u00e9e \n\" class=\"wp-image-5976479\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/La-fonction-Combiner-les-fichiers-CSS-qui-va-etre-supprimee.png 1216w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/La-fonction-Combiner-les-fichiers-CSS-qui-va-etre-supprimee-310x174.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/La-fonction-Combiner-les-fichiers-CSS-qui-va-etre-supprimee-768x432.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/La-fonction-Combiner-les-fichiers-CSS-qui-va-etre-supprimee-107x60.png 107w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/La-fonction-Combiner-les-fichiers-CSS-qui-va-etre-supprimee-160x90.png 160w\" sizes=\"(max-width: 1216px) 100vw, 1216px\" \/><figcaption class=\"wp-element-caption\">La fonction \u201cCombiner les fichiers CSS\u201d qui va \u00eatre supprim\u00e9e&nbsp;<br><\/figcaption><\/figure><h2 class=\"wp-block-heading\">On r\u00e9capitule<\/h2><p>WP Rocket 3.15 offre donc une toute nouvelle fonctionnalit\u00e9 qui am\u00e9liore les m\u00e9triques de performance cl\u00e9s &#8211; y compris un Core Web Vitals ! Cette nouvelle version r\u00e9pond aux audits de performance les plus importants et augmente votre score global sur PageSpeed Insights.&nbsp;<\/p><p>Le LazyLoad sur les images de backgrounds CSS est une \u00e9tape de plus vers une meilleure vitesse de chargement. Et cerise sur le g\u00e2teau : cette optimisation de la performance se fait sans aucun effort de votre part. Il vous suffit simplement de cocher une case, WP Rocket se charge du reste. C\u2019est simple, vous ne trouverez aucun autre plugin de cache qui applique en un clic le lazy loading sur les images de backgrounds CSS.&nbsp;<\/p><p>Et toujours dans une d\u00e9marche d&rsquo;optimisation, il est temps d&rsquo;abandonner la fonctionnalit\u00e9 \u201cCombiner les fichiers CSS\u201d. Les performances web ont \u00e9volu\u00e9 en m\u00eame temps que les protocoles HTTP et combiner le CSS n\u2019est vraiment plus n\u00e9cessaire pour am\u00e9liorer la vitesse de votre site.&nbsp;<\/p><p>Vous le savez, WP Rocket n&rsquo;inclut que les fonctionnalit\u00e9s essentielles pour booster votre performance &#8211; la simplicit\u00e9 et la facilit\u00e9 sont et seront toujours le c\u0153ur de notre mission.<\/p><p>C\u2019est parti ! Mettez \u00e0 jour WP Rocket et partagez votre opinion en commentaires !<\/p>","protected":false},"excerpt":{"rendered":"<p>On vous pr\u00e9sente WP&nbsp;Rocket 3.15 ! Notre nouvelle version est livr\u00e9e avec le LazyLoad pour les images de backgrounds CSS. Une v\u00e9ritable avanc\u00e9e pour vous aider \u00e0 am\u00e9liorer les indicateurs de performance cl\u00e9s. D\u00e9couvrez tous les d\u00e9tails dans l&rsquo;article.<\/p>\n","protected":false},"author":160328,"featured_media":5972477,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"kia_subtitle":"","footnotes":""},"categories":[76],"tags":[],"class_list":["post-5972472","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>3.15 - Le LazyLoad d\u00e9sormais disponible pour les images de backgrounds CSS pour une meilleure performance<\/title>\n<meta name=\"description\" content=\"On vous pr\u00e9sente WP Rocket 3.15 ! Notre nouvelle version est livr\u00e9e avec le LazyLoad pour les images de backgrounds CSS et vous aide \u00e0 am\u00e9liorer les indicateurs de performance cl\u00e9s.\" \/>\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-15\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"3.15 - Le LazyLoad d\u00e9sormais disponible pour les images de backgrounds CSS pour une meilleure performance\" \/>\n<meta property=\"og:description\" content=\"On vous pr\u00e9sente WP Rocket 3.15 ! Notre nouvelle version est livr\u00e9e avec le LazyLoad pour les images de backgrounds CSS et vous aide \u00e0 am\u00e9liorer les indicateurs de performance cl\u00e9s.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/\" \/>\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=\"2023-09-19T06:22:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-19T06:28:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/1900x800-Blog-Post-FR-1.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=\"Valentina Orlandi\" \/>\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=\"Valentina Orlandi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture est.\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 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-15\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/\"},\"author\":{\"name\":\"Valentina Orlandi\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/90d59985e76c7851e90e680fb4b26762\"},\"headline\":\"3.15 &#8211; Le LazyLoad d\u00e9sormais disponible pour les images de backgrounds CSS\",\"datePublished\":\"2023-09-19T06:22:18+00:00\",\"dateModified\":\"2023-09-19T06:28:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/\"},\"wordCount\":2056,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/wp-rocket.me\/#organization\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/1900x800-Blog-Post-FR-1.png\",\"articleSection\":[\"Les coulisses de WP Rocket\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/\",\"url\":\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/\",\"name\":\"3.15 - Le LazyLoad d\u00e9sormais disponible pour les images de backgrounds CSS pour une meilleure performance\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/1900x800-Blog-Post-FR-1.png\",\"datePublished\":\"2023-09-19T06:22:18+00:00\",\"dateModified\":\"2023-09-19T06:28:03+00:00\",\"description\":\"On vous pr\u00e9sente WP Rocket 3.15 ! Notre nouvelle version est livr\u00e9e avec le LazyLoad pour les images de backgrounds CSS et vous aide \u00e0 am\u00e9liorer les indicateurs de performance cl\u00e9s.\",\"breadcrumb\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/#primaryimage\",\"url\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/1900x800-Blog-Post-FR-1.png\",\"contentUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/1900x800-Blog-Post-FR-1.png\",\"width\":1900,\"height\":800,\"caption\":\"3.15 - Vers une meilleure performance : le lazy loading d\u00e9sormais disponible pour les images de backgrounds CSS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/#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\":\"3.15 &#8211; Le LazyLoad d\u00e9sormais disponible pour les images de backgrounds CSS\"}]},{\"@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\/90d59985e76c7851e90e680fb4b26762\",\"name\":\"Valentina Orlandi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3032c55afa21c3b19334f7da6fb4b372?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3032c55afa21c3b19334f7da6fb4b372?s=96&d=mm&r=g\",\"caption\":\"Valentina Orlandi\"},\"description\":\"Valentina is the Product &amp; Content Marketing Manager at WP\u00a0Rocket. She loves marketing, psychology, and understanding the why behind human behaviors. She's a passionate reader and always eager to work with words.\",\"sameAs\":[\"https:\/\/wp-rocket.me\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"3.15 - Le LazyLoad d\u00e9sormais disponible pour les images de backgrounds CSS pour une meilleure performance","description":"On vous pr\u00e9sente WP Rocket 3.15 ! Notre nouvelle version est livr\u00e9e avec le LazyLoad pour les images de backgrounds CSS et vous aide \u00e0 am\u00e9liorer les indicateurs de performance cl\u00e9s.","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-15\/","og_locale":"fr_FR","og_type":"article","og_title":"3.15 - Le LazyLoad d\u00e9sormais disponible pour les images de backgrounds CSS pour une meilleure performance","og_description":"On vous pr\u00e9sente WP Rocket 3.15 ! Notre nouvelle version est livr\u00e9e avec le LazyLoad pour les images de backgrounds CSS et vous aide \u00e0 am\u00e9liorer les indicateurs de performance cl\u00e9s.","og_url":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/","og_site_name":"WP Rocket","article_publisher":"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829","article_published_time":"2023-09-19T06:22:18+00:00","article_modified_time":"2023-09-19T06:28:03+00:00","og_image":[{"width":1900,"height":800,"url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/1900x800-Blog-Post-FR-1.png","type":"image\/png"}],"author":"Valentina Orlandi","twitter_card":"summary_large_image","twitter_creator":"@wp_rocket","twitter_site":"@wp_rocket","twitter_misc":{"\u00c9crit par":"Valentina Orlandi","Dur\u00e9e de lecture est.":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/#article","isPartOf":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/"},"author":{"name":"Valentina Orlandi","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/90d59985e76c7851e90e680fb4b26762"},"headline":"3.15 &#8211; Le LazyLoad d\u00e9sormais disponible pour les images de backgrounds CSS","datePublished":"2023-09-19T06:22:18+00:00","dateModified":"2023-09-19T06:28:03+00:00","mainEntityOfPage":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/"},"wordCount":2056,"commentCount":2,"publisher":{"@id":"https:\/\/wp-rocket.me\/#organization"},"image":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/1900x800-Blog-Post-FR-1.png","articleSection":["Les coulisses de WP Rocket"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/","url":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/","name":"3.15 - Le LazyLoad d\u00e9sormais disponible pour les images de backgrounds CSS pour une meilleure performance","isPartOf":{"@id":"https:\/\/wp-rocket.me\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/#primaryimage"},"image":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/1900x800-Blog-Post-FR-1.png","datePublished":"2023-09-19T06:22:18+00:00","dateModified":"2023-09-19T06:28:03+00:00","description":"On vous pr\u00e9sente WP Rocket 3.15 ! Notre nouvelle version est livr\u00e9e avec le LazyLoad pour les images de backgrounds CSS et vous aide \u00e0 am\u00e9liorer les indicateurs de performance cl\u00e9s.","breadcrumb":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/#primaryimage","url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/1900x800-Blog-Post-FR-1.png","contentUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/1900x800-Blog-Post-FR-1.png","width":1900,"height":800,"caption":"3.15 - Vers une meilleure performance : le lazy loading d\u00e9sormais disponible pour les images de backgrounds CSS"},{"@type":"BreadcrumbList","@id":"https:\/\/wp-rocket.me\/fr\/blog\/wp-rocket-3-15\/#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":"3.15 &#8211; Le LazyLoad d\u00e9sormais disponible pour les images de backgrounds CSS"}]},{"@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\/90d59985e76c7851e90e680fb4b26762","name":"Valentina Orlandi","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3032c55afa21c3b19334f7da6fb4b372?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3032c55afa21c3b19334f7da6fb4b372?s=96&d=mm&r=g","caption":"Valentina Orlandi"},"description":"Valentina is the Product &amp; Content Marketing Manager at WP\u00a0Rocket. She loves marketing, psychology, and understanding the why behind human behaviors. She's a passionate reader and always eager to work with words.","sameAs":["https:\/\/wp-rocket.me\/"]}]}},"_links":{"self":[{"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/posts\/5972472"}],"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\/160328"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/comments?post=5972472"}],"version-history":[{"count":0,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/posts\/5972472\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/media\/5972477"}],"wp:attachment":[{"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/media?parent=5972472"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/categories?post=5972472"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/tags?post=5972472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}