{"id":4245019,"date":"2022-04-26T09:02:50","date_gmt":"2022-04-26T07:02:50","guid":{"rendered":"https:\/\/wp-rocket.me\/?p=4245019"},"modified":"2022-10-12T12:40:45","modified_gmt":"2022-10-12T10:40:45","slug":"wp-rocket-3-11","status":"publish","type":"post","link":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/","title":{"rendered":"WP&nbsp;Rocket 3.11 &#8211; Launching a Brand-New Remove Unused CSS"},"content":{"rendered":"<p>At WP&nbsp;Rocket, we\u2019re committed to consistently making our product more powerful and simpler. We want to offer our Rocketeers the best plugin ever for performance and simplicity \u2013 and never stop improving it.&nbsp;<\/p><p>We also know which optimizations can make a difference in your site performance and which ones are challenging to address. Removing unused CSS is one of them. Unused CSS can hugely affect loading time and crucial performance metrics, including <a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/improve-largest-contentful-paint\/\">Largest Contentful Paint<\/a> and <a href=\"https:\/\/wp-rocket.me\/lighthouse-performance-score-wordpress\/improve-first-contentful-paint\/\">First Contentful Paint<\/a>. By removing or reducing CSS, you&#8217;ll get the opportunity to dramatically improve your PageSpeed Insights score and make your site faster.<\/p><p>That&#8217;s why WP&nbsp;Rocket 3.11 focuses on a brand-new Remove Unused CSS feature that will help you achieve your performance goals easier.<\/p><p>Keep reading and find out what the improved feature means for your performance results. You\u2019ll learn how WP&nbsp;Rocket 3.11 will give your site\u2019s speed an extra boost \u2013 and there\u2019s more to come!<\/p><h2 class=\"wp-block-heading\">What\u2019s New in WP&nbsp;Rocket 3.11&nbsp;<\/h2><p>WP&nbsp;Rocket 3.11 focuses on the Remove Unused CSS revamp from three angles: availability, performance, and compatibility. The new Remove Unused CSS remains in beta for now, but we already have a timeline for it \u2013 read until the end of the article to learn more about it.<\/p><p>When downloading our new major release, you\u2019ll benefit from the following aspects:<br><\/p><ul class=\"wp-block-list\"><li><strong>Better availability<\/strong> \u2013 Remove Unused CSS comes with the asynchronous methodology to prevent the service from being down when optimizing your CSS delivery. As a consequence, you\u2019ll also find something slightly different in the UI.<br><\/li><li><strong>Better performance<\/strong> \u2013 This new release introduces a significant change in the way we handle the Preload Font feature when removing unused CSS. You should see a positive impact on your scores whether or not you were using Remove Unused CSS before!<\/li><\/ul><ul class=\"wp-block-list\"><li><strong>Better compatibility<\/strong> \u2013 If you\u2019re worried about potential Remove Unused CSS bugs and how long it would take to fix them, this is for you.<\/li><\/ul><p>You can watch our video or jump to the next section to learn more about the changes and how you\u2019ll take advantage of each of them to optimize your site\u2019s performance.<\/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=\"WP Rocket 3.11 Is Here!\" width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/1MhgHoAfcmk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure><h2 class=\"wp-block-heading\">What Better Availability Means<\/h2><p>WP&nbsp;Rocket 3.11 comes with the Remove Unused CSS built again from scratch. Why? Because <a href=\"https:\/\/wp-rocket.me\/blog\/wp-rocket-new-website\/#section-2\">empathy and humility are two of our core values<\/a> \u2014 and we stick to them.&nbsp;<\/p><p>Since we launched Remove Unused CSS with <a href=\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-9\/\">WP&nbsp;Rocket 3.9<\/a>, we haven&#8217;t been able to get rid of the beta mode yet. We weren\u2019t satisfied with the feature itself and how it was working. The availability wasn\u2019t good, and the service was often down. Therefore, we decided to rebuild the feature and switch from the synchronous method to the asynchronous one. The asynchronous mode will cache the page, make an API call and generate the used CSS after 60 seconds.<\/p><p>This methodology switch is a game-changer for two reasons:<\/p><ol class=\"wp-block-list\"><li><strong>You will benefit from better availability. <\/strong>In other words, you won&#8217;t be stuck any longer when WP&nbsp;Rocket tries to generate the used CSS. You will generate Used CSS for 100 URLs every 60 seconds.<\/li><\/ol><ol class=\"wp-block-list\" start=\"2\"><li><strong>The asynchronous method opens the possibility for many new enhancements <\/strong>we could never think of when using the synchronous methodology. We\u2019ll now be able to work on new powerful features happening at the same time we process the used CSS, relying on API calls. Consider the new Remove Unused CSS a sneak peek of WP&nbsp;Rocket\u2019s future!<\/li><\/ol><p>The switch in methodology has also an impact on the way the CSS optimization process is presented in the user interface.<\/p><p>Until WP&nbsp;Rocket 3.10, the Remove Unused CSS option would show you how the CSS process was going:<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1392\" height=\"220\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/remove-unused-css.png\" alt=\"\" class=\"wp-image-4245025\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/remove-unused-css.png 1392w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/remove-unused-css-310x49.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/remove-unused-css-768x121.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/remove-unused-css-190x30.png 190w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/remove-unused-css-569x90.png 569w\" sizes=\"(max-width: 1392px) 100vw, 1392px\" \/><figcaption>Remove Unused CSS &#8211; WP&nbsp;Rocket 3.10<\/figcaption><\/figure><p>During the CSS process, it wasn&#8217;t possible to track any potential improvements in PageSpeed Insights until the CSS process was completely done. In addition, the CSS optimization could take up to several hours and still not work because of the overloaded server. These were critical issues that were not only preventing customers from improving their performance but also not worthy of the product we wanted to offer. That&#8217;s why we worked hard on addressing them.<\/p><p>First off, the asynchronous methodology and the new server infrastructure will prevent overloads and dramatically reduce the issues faced in the past. Once the homepage has been processed (count 90 seconds) the CSS optimization process will be done in batches for the rest of your pages \u2013 every 60 seconds. It means that you don\u2019t have to wait until the process is fully completed to measure your performance improvements. Every 60 seconds, you\u2019ll benefit from the ongoing CSS optimization and you\u2019ll see it reflected in the PageSpeed Insights audit right away.<\/p><p>What makes this change more straightforward than ever is the count-down timer that you\u2019ll find in WP&nbsp;Rocket 3.11.<\/p><p>When enabling the Remove Unused CSS option, on top of the page, you\u2019ll find a timer saying how long it takes for the feature to process your homepage.<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"189\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/rucss-counter.gif\" alt=\"\" class=\"wp-image-4245037\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/rucss-counter.gif 600w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/rucss-counter-310x98.gif 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/rucss-counter-190x60.gif 190w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/rucss-counter-286x90.gif 286w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption>Remove Unused CSS counter<\/figcaption><\/figure><p>Once the homepage is done, you\u2019ll get a new message about the Remove Unused CSS process going on across your entire site:&nbsp;<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"812\" height=\"109\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/Remove-Unused-CSS-Updated-information-about-the-process.png\" alt=\"Remove Unused CSS - Updated information about the process\n\" class=\"wp-image-4245047\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/Remove-Unused-CSS-Updated-information-about-the-process.png 812w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/Remove-Unused-CSS-Updated-information-about-the-process-310x42.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/Remove-Unused-CSS-Updated-information-about-the-process-768x103.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/Remove-Unused-CSS-Updated-information-about-the-process-190x26.png 190w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/Remove-Unused-CSS-Updated-information-about-the-process-670x90.png 670w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><figcaption>Remove Unused CSS &#8211; Updated information about the process<br><\/figcaption><\/figure><p>If you haven\u2019t enabled the Cache Preload yet, you\u2019ll see a message recommending you activate the option.&nbsp;<\/p><p>As in the previous version, when you check the \u201cActivate Preloading\u201d and the \u201cActivate sitemap-based cache preloading\u201d options, you avoid waiting for a user to visit a page to generate the used CSS.&nbsp;<\/p><p>This will fasten the creation of the used CSS for the whole website.<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1065\" height=\"559\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/Preload-cache-WP-Rocket.png\" alt=\"Preload cache - WP Rocket\n\" class=\"wp-image-4245055\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/Preload-cache-WP-Rocket.png 1065w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/Preload-cache-WP-Rocket-310x163.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/Preload-cache-WP-Rocket-768x403.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/Preload-cache-WP-Rocket-114x60.png 114w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/Preload-cache-WP-Rocket-171x90.png 171w\" sizes=\"(max-width: 1065px) 100vw, 1065px\" \/><figcaption>Preload cache &#8211; WP&nbsp;Rocket<br><\/figcaption><\/figure><p>We highly recommend using Remove Unused CSS and cache preload together because you\u2019ll get two correlated benefits:<\/p><ol class=\"wp-block-list\"><li>You\u2019ll dramatically reduce the CSS size.<\/li><li>As a result, you\u2019ll improve your PageSpeed Insights score, as well as your <a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/\">Core Web Vitals grades<\/a>.<\/li><\/ol><p>We ran several tests with some of the most popular page builders. We enabled the new Remove Unused CSS feature and tracked the improvements. As you can see, the CSS saving is huge, and it will have an impact on the overall performance:<\/p><figure class=\"wp-block-table\"><table><thead><tr><th class=\"has-text-align-left\" data-align=\"left\"><strong>Page Builder used with WooCommerce<\/strong><\/th><th class=\"has-text-align-left\" data-align=\"left\"><strong>CSS Before (KB)<\/strong><\/th><th class=\"has-text-align-left\" data-align=\"left\"><strong>CSS After (KB)<\/strong><\/th><th class=\"has-text-align-left\" data-align=\"left\"><strong>CSS Savings %<\/strong><\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-left\" data-align=\"left\"><strong>Elementor<\/strong><\/td><td class=\"has-text-align-left\" data-align=\"left\">924<\/td><td class=\"has-text-align-left\" data-align=\"left\">113<\/td><td class=\"has-text-align-left\" data-align=\"left\">-88%<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\"><strong>Beaver Builder <\/strong><\/td><td class=\"has-text-align-left\" data-align=\"left\">733<\/td><td class=\"has-text-align-left\" data-align=\"left\">87<\/td><td class=\"has-text-align-left\" data-align=\"left\">-88%<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\"><strong>Gutenberg<\/strong><\/td><td class=\"has-text-align-left\" data-align=\"left\">554<\/td><td class=\"has-text-align-left\" data-align=\"left\">64<\/td><td class=\"has-text-align-left\" data-align=\"left\">-88%<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\"><strong>Visual Composer<\/strong><\/td><td class=\"has-text-align-left\" data-align=\"left\">820<\/td><td class=\"has-text-align-left\" data-align=\"left\">115<\/td><td class=\"has-text-align-left\" data-align=\"left\">-86%<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\"><strong>Divi <\/strong><\/td><td class=\"has-text-align-left\" data-align=\"left\">1,262<\/td><td class=\"has-text-align-left\" data-align=\"left\">303<\/td><td class=\"has-text-align-left\" data-align=\"left\">-76%<\/td><\/tr><\/tbody><\/table><\/figure><p>The CSS saving is not just for the sake of it. We can see how such enhancements can bring better performance results.<\/p><p>We built a testing site using Elementor and Astra. We activated WP Rocket and enabled LazyLoad. We ran an initial PageSpeed Insights test and got a 67 grade.<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"955\" height=\"602\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/PageSpeed-Insight-Score-WP-Rocket-activated-LazyLoad.png\" alt=\"PageSpeed Insight Score - WP Rocket activated + LazyLoad\n\" class=\"wp-image-4245062\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/PageSpeed-Insight-Score-WP-Rocket-activated-LazyLoad.png 955w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/PageSpeed-Insight-Score-WP-Rocket-activated-LazyLoad-310x195.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/PageSpeed-Insight-Score-WP-Rocket-activated-LazyLoad-768x484.png 768w\" sizes=\"(max-width: 955px) 100vw, 955px\" \/><figcaption>PageSpeed Insight Score &#8211; WP&nbsp;Rocket activated + LazyLoad<br><\/figcaption><\/figure><p>Then, we ran another test after enabling the Delay JS feature. The overall performance grade improved a lot, but the score didn&#8217;t go green, nor did some of the Lighthouse metrics:&nbsp;<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"957\" height=\"604\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/PageSpeed-Insight-Score-Delay-JS-activated-Remove-Unused-CSS-not-enabled.png\" alt=\"PageSpeed Insight Score - Delay JS activated, Remove Unused CSS not enabled\n\" class=\"wp-image-4245070\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/PageSpeed-Insight-Score-Delay-JS-activated-Remove-Unused-CSS-not-enabled.png 957w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/PageSpeed-Insight-Score-Delay-JS-activated-Remove-Unused-CSS-not-enabled-310x195.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/PageSpeed-Insight-Score-Delay-JS-activated-Remove-Unused-CSS-not-enabled-768x485.png 768w\" sizes=\"(max-width: 957px) 100vw, 957px\" \/><figcaption>PageSpeed Insight Score &#8211; Delay JS activated, Remove Unused CSS not enabled<br><\/figcaption><\/figure><p>We finally enabled Remove Unused CSS and ran a third test. Our PageSpeed Insights score got a 94 grade, and the First Contentful Paint and the Largest Contentful Paint got a green score, too.&nbsp;<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"956\" height=\"608\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/PageSpeed-Insight-Score-Delay-JS-Remove-Unused-CSS-enabled.png\" alt=\"PageSpeed Insight Score - Delay JS + Remove Unused CSS enabled\n\" class=\"wp-image-4245078\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/PageSpeed-Insight-Score-Delay-JS-Remove-Unused-CSS-enabled.png 956w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/PageSpeed-Insight-Score-Delay-JS-Remove-Unused-CSS-enabled-307x195.png 307w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/PageSpeed-Insight-Score-Delay-JS-Remove-Unused-CSS-enabled-768x488.png 768w\" sizes=\"(max-width: 956px) 100vw, 956px\" \/><figcaption>PageSpeed Insight Score &#8211; Delay JS + Remove Unused CSS enabled<br><\/figcaption><\/figure><h2 class=\"wp-block-heading\">What\u2019s New for Performance<\/h2><p>This new major release also changes how the Preload fonts feature works. Until WP&nbsp;Rocket 3.10, when the Remove Unused CSS was on, the plugin would ignore the information included in the Preload Fonts tab.&nbsp;<\/p><p>Now, there\u2019s an important change. When activating the Remove Unused CSS option and generating the used CSS, WP&nbsp;Rocket automatically identifies all the fonts and preloads them automatically. Why? Because according to our tests, sites can get better PageSpeed Insights scores.<\/p><p>Take a look at the results of our tests and see yourself how the overall performance grade and the specific metrics improve thanks to the Preload Fonts option:<\/p><h3 class=\"wp-block-heading\">Scenario #1 &#8211; Remove Unused CSS activated without Preloaded fonts<\/h3><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"955\" height=\"601\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/PSI-scenario-1.png\" alt=\"PageSpeed Insights - Remove Unused CSS activated without Preloaded fonts\" class=\"wp-image-4245087\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/PSI-scenario-1.png 955w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/PSI-scenario-1-310x195.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/PSI-scenario-1-768x483.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/PSI-scenario-1-95x60.png 95w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/PSI-scenario-1-143x90.png 143w\" sizes=\"(max-width: 955px) 100vw, 955px\" \/><\/figure><h3 class=\"wp-block-heading\">Scenario #2 &#8211; Remove Unused CSS activated with Preloaded Fonts<\/h3><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"956\" height=\"608\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/PSI-scenario-2.png\" alt=\"PageSpeed Insights - Remove Unused CSS activated with Preloaded Fonts\" class=\"wp-image-4245095\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/PSI-scenario-2.png 956w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/PSI-scenario-2-307x195.png 307w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/PSI-scenario-2-768x488.png 768w\" sizes=\"(max-width: 956px) 100vw, 956px\" \/><\/figure><h2 class=\"wp-block-heading\">What Comes with a Better Compatibility<\/h2><p>This major release is not only about delivering a new UI and better availability for Remove Unused CSS. If you tried the previous Remove Unused CSS feature and came across any issues or bugs, you should know that WP&nbsp;Rocket 3.11 has better compatibility and accuracy.&nbsp;<\/p><p>In plain English, <strong>WP&nbsp;Rocket 3.11 automatically fixes 90% of the known Remove Unused CSS issues<\/strong>. The remaining and new ones can be fixed easily without requiring a minor WP&nbsp;Rocket version. That\u2019s a big step forward, right?<\/p><h2 class=\"wp-block-heading\">How Long Will the Beta Version Last?<\/h2><p>We bet you\u2019re wondering how it will go with the Remove Unused CSS beta version. Soon said: we will keep it for 3 or 4 weeks to check our server at full scale. Our goal is to have the Remove Unused CSS option working without any issue in 95% of cases. Since it\u2019s such a powerful feature, we aim to activate Remove Unused CSS by default in the near future.<\/p><p>Of course, we\u2019ve got you covered. Being a Rocketeer, you\u2019ll get an email when we remove the beta version.<\/p><h2 class=\"wp-block-heading\">Wrapping up<\/h2><p>WP&nbsp;Rocket 3.11 comes with a powerful new-brand Remove Unused CSS feature that will allow you to optimize CSS delivery without being worried about bugs or issues that take time to get fixed.&nbsp;<\/p><p>Thanks to the new Remove Unused CSS and the Font Preload, you\u2019ll boost your site speed and optimize the <a href=\"https:\/\/wp-rocket.me\/lighthouse-performance-score-wordpress\/#section-2\">Lighthouse performance metrics<\/a> \u2013 no need to worry about anything!&nbsp;<\/p><p>Thanks to the changes made in this major release, it will be possible to develop new amazing features that will make performance optimization easier and faster. Ready to see what the future holds for WP&nbsp;Rocket?<\/p>","protected":false},"excerpt":{"rendered":"<p>WP&nbsp;Rocket 3.11 focuses on a brand-new Remove Unused CSS feature. Keep reading and find out what the improved feature means for your performance results!<\/p>\n","protected":false},"author":160328,"featured_media":4246968,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"kia_subtitle":"","footnotes":""},"categories":[62],"tags":[],"class_list":["post-4245019","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inside-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.11 - Launching a Brand-New Remove Unused CSS<\/title>\n<meta name=\"description\" content=\"WP Rocket 3.11 focuses on a brand-new Remove Unused CSS feature that will boost your site performance. Read our article and find out more!\" \/>\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\/blog\/wp-rocket-3-11\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WP Rocket 3.11 - Launching a Brand-New Remove Unused CSS\" \/>\n<meta property=\"og:description\" content=\"WP Rocket 3.11 focuses on a brand-new Remove Unused CSS feature that will boost your site performance. Read our article and find out more!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/\" \/>\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=\"2022-04-26T07:02:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-12T10:40:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/1900x800-Blog-Post.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=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Valentina Orlandi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/\"},\"author\":{\"name\":\"Valentina Orlandi\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/90d59985e76c7851e90e680fb4b26762\"},\"headline\":\"WP&nbsp;Rocket 3.11 &#8211; Launching a Brand-New Remove Unused CSS\",\"datePublished\":\"2022-04-26T07:02:50+00:00\",\"dateModified\":\"2022-10-12T10:40:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/\"},\"wordCount\":1650,\"commentCount\":18,\"publisher\":{\"@id\":\"https:\/\/wp-rocket.me\/#organization\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/1900x800-Blog-Post.png\",\"articleSection\":[\"Inside WP Rocket\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/\",\"url\":\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/\",\"name\":\"WP Rocket 3.11 - Launching a Brand-New Remove Unused CSS\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/1900x800-Blog-Post.png\",\"datePublished\":\"2022-04-26T07:02:50+00:00\",\"dateModified\":\"2022-10-12T10:40:45+00:00\",\"description\":\"WP Rocket 3.11 focuses on a brand-new Remove Unused CSS feature that will boost your site performance. Read our article and find out more!\",\"breadcrumb\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/#primaryimage\",\"url\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/1900x800-Blog-Post.png\",\"contentUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/1900x800-Blog-Post.png\",\"width\":1900,\"height\":800,\"caption\":\"WP Rocket 3.11 - Launching a Brand-New Remove Unused CSS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wp-rocket.me\"},{\"@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.11 &#8211; Launching a Brand-New Remove Unused 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\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/wp-rocket.me\/#organization\",\"name\":\"WP Rocket\",\"url\":\"https:\/\/wp-rocket.me\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@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\":\"en-US\",\"@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":"WP Rocket 3.11 - Launching a Brand-New Remove Unused CSS","description":"WP Rocket 3.11 focuses on a brand-new Remove Unused CSS feature that will boost your site performance. Read our article and find out more!","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\/blog\/wp-rocket-3-11\/","og_locale":"en_US","og_type":"article","og_title":"WP Rocket 3.11 - Launching a Brand-New Remove Unused CSS","og_description":"WP Rocket 3.11 focuses on a brand-new Remove Unused CSS feature that will boost your site performance. Read our article and find out more!","og_url":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/","og_site_name":"WP Rocket","article_publisher":"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829","article_published_time":"2022-04-26T07:02:50+00:00","article_modified_time":"2022-10-12T10:40:45+00:00","og_image":[{"width":1900,"height":800,"url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/1900x800-Blog-Post.png","type":"image\/png"}],"author":"Valentina Orlandi","twitter_card":"summary_large_image","twitter_creator":"@wp_rocket","twitter_site":"@wp_rocket","twitter_misc":{"Written by":"Valentina Orlandi","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/#article","isPartOf":{"@id":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/"},"author":{"name":"Valentina Orlandi","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/90d59985e76c7851e90e680fb4b26762"},"headline":"WP&nbsp;Rocket 3.11 &#8211; Launching a Brand-New Remove Unused CSS","datePublished":"2022-04-26T07:02:50+00:00","dateModified":"2022-10-12T10:40:45+00:00","mainEntityOfPage":{"@id":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/"},"wordCount":1650,"commentCount":18,"publisher":{"@id":"https:\/\/wp-rocket.me\/#organization"},"image":{"@id":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/1900x800-Blog-Post.png","articleSection":["Inside WP Rocket"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/","url":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/","name":"WP Rocket 3.11 - Launching a Brand-New Remove Unused CSS","isPartOf":{"@id":"https:\/\/wp-rocket.me\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/#primaryimage"},"image":{"@id":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/1900x800-Blog-Post.png","datePublished":"2022-04-26T07:02:50+00:00","dateModified":"2022-10-12T10:40:45+00:00","description":"WP Rocket 3.11 focuses on a brand-new Remove Unused CSS feature that will boost your site performance. Read our article and find out more!","breadcrumb":{"@id":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/#primaryimage","url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/1900x800-Blog-Post.png","contentUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/1900x800-Blog-Post.png","width":1900,"height":800,"caption":"WP Rocket 3.11 - Launching a Brand-New Remove Unused CSS"},{"@type":"BreadcrumbList","@id":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-11\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wp-rocket.me"},{"@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.11 &#8211; Launching a Brand-New Remove Unused 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":"en-US"},{"@type":"Organization","@id":"https:\/\/wp-rocket.me\/#organization","name":"WP Rocket","url":"https:\/\/wp-rocket.me\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@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":"en-US","@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\/wp-json\/wp\/v2\/posts\/4245019"}],"collection":[{"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/users\/160328"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/comments?post=4245019"}],"version-history":[{"count":0,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/posts\/4245019\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/media\/4246968"}],"wp:attachment":[{"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/media?parent=4245019"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/categories?post=4245019"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/tags?post=4245019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}