{"id":7138965,"date":"2024-09-26T08:30:00","date_gmt":"2024-09-26T06:30:00","guid":{"rendered":"https:\/\/wp-rocket.me\/?p=7138965"},"modified":"2024-09-25T08:10:54","modified_gmt":"2024-09-25T06:10:54","slug":"wp-rocket-3-17","status":"publish","type":"post","link":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/","title":{"rendered":"WP&nbsp;Rocket 3.17: Improve Your INP Metric with Automatic Lazy Rendering"},"content":{"rendered":"<p>Have you ever felt like your website is slow to respond, especially if you\u2019re trying to interact with long blog pages or eCommerce product pages? Performance optimization is challenging, and it\u2019s even more so when it comes to improving complex metrics related to user experience, such as Interaction to Next Paint (INP). INP is the new Core Web Vital metric measuring webpage responsiveness and playing a key role in enhancing speed, user experience, and SEO \u2013 in other words, you can\u2019t ignore it.<\/p><p>If you\u2019ve been working hard to improve your website&#8217;s speed and user experience towards a better INP grade, you\u2019ll be glad to know more about our new major release and its brand-new automated feature. Say hello to WP Rocket 3.17!<\/p><p>Our new major version focuses on automatically optimizing how your website renders content as visitors scroll. It&#8217;s especially helpful for blogs, online stores, and any site with lots of content to explore.\u00a0<\/p><p>We&#8217;re thrilled to introduce WP Rocket 3.17 for two reasons.<\/p><p>First, the new feature will improve the INP metric and the perceived speed, especially on mobile. It may also positively impact other key metrics such as Largest Contentful Paint and First Contentful Paint grades. Optimizing metrics related to user experience can also improve the conversion rate, which is the end goal of making your website faster, right?<\/p><p>Moreover, WP Rocket is the first plugin to offer such a powerful and automatic optimization on all website pages accurately.<\/p><p>Discover everything in our blog post, or watch the video.<\/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.17 is Here!\" width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/a_SJ1SA5EVw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure><h2 class=\"wp-block-heading\">What\u2019s Rendering and Its Impact on Performance&nbsp;<\/h2><p>To understand how WP Rocket 3.17 can improve your website performance, let\u2019s start by explaining rendering. When your web page loads, rendering comes in \u2013 that is, the browser&#8217;s way of turning your website code into the visual elements users see on their screen.<\/p><p>Browser rendering entails several stages that start with the browser receiving the HTML file and creating the DOM tree, which is the tree-structure representation of the web page. The last stage is the painting \u2013 it\u2019s when the browser paints each element onto the screen, and users can see the finished web page.<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"66\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/rendering-engine-basic-fl-2fba02b24e871_856-1.png\" alt=\"Main rendering stages - Source\" class=\"wp-image-7138970\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/rendering-engine-basic-fl-2fba02b24e871_856-1.png 600w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/rendering-engine-basic-fl-2fba02b24e871_856-1-310x34.png 310w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption class=\"wp-element-caption\">Main rendering stages &#8211; <a href=\"https:\/\/web.dev\/articles\/howbrowserswork\">Source<\/a><\/figcaption><\/figure><p>As always happens with web performance optimization, there&#8217;s a catch. In fact, the rendering process can be a performance challenge because it requires the browser to handle many tasks at once. This multitasking activity happens on what\u2019s called <a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/minimize-main-thread-work\/\">the main thread<\/a>, which is mainly affected by JavaScript files.<br><br>When the main thread gets too busy, it leads to long tasks. These long tasks are like traffic jams that slow down your page&#8217;s responsiveness and affect metrics such as <a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/improve-interaction-to-next-paint\/\">Interaction to Next Paint<\/a> \u2013 a crucial Core Web Vital metric measuring how quickly your page responds to user interactions.&nbsp;<\/p><figure class=\"wp-block-video\"><video controls src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/WSmcjiQC4lyLxGoES4dd-1.mp4\"><\/video><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/web.dev\/articles\/inp\">Google\u2019s video example to show responsiveness related to INP<\/a><br><\/figcaption><\/figure><h3 class=\"wp-block-heading\">Rendering and Performance<\/h3><p>When we talk about rendering and its impact on performance, we&#8217;re especially referring to two parts of the process: the rendering and the painting \u2013 as you saw in the previous section. These are the stages where the browser is working hard to show the content on the screen \u2013 and the ones that contribute to the INP score and perceived speed.&nbsp;<\/p><p>There are several variables that can affect performance during this process. To name a few: the DOM size, the JavaScript execution speed, and the animations. The more the content on the page, the more challenging the rendering optimization is.<\/p><p>Now that you know rendering is crucial for speed and needs to be improved, let\u2019s learn how to make it possible.<\/p><h3 class=\"wp-block-heading\">Meet the content-visibility CSS Property<\/h3><p>One effective way to optimize browser rendering \u2013therefore speed and responsiveness\u2013 is to take advantage of the content-visibility CSS property. This property tells the browser not to render all the content parts of the page right away but to wait until the user is about to see them.<\/p><p>Have you ever played video games? If so, you know that the entire world isn&#8217;t loaded at once. Instead, the new scenes and their background are only displayed \u2013or rendered\u2013 as you move forward. This is exactly what the content-visibility CSS property allows to do.<\/p><p>So, how does this help? By using content-visibility, the browser has less work to do all at once. Instead of trying to render everything immediately, it can focus on what&#8217;s most important right now. This means:<\/p><ol class=\"wp-block-list\"><li>It informs the browser to omit rendering some elements until they\u2019re needed, so the browser has fewer long tasks to deal with, especially when it comes to rendering and painting.<\/li>\n\n<li>The page loads faster because the most visible parts are ready quickly.<\/li>\n\n<li>The page responds more quickly when users interact with it.<\/li><\/ol><p>As a result, your website delivers an enhanced user experience. Visitors will see your content faster and be able to interact with the page as they scroll and click around.<\/p><p>The great news is that the content-visibility property is now supported by all major browsers. This means that this powerful feature can improve a website&#8217;s performance for almost all users, regardless of their browser.<\/p><p>By applying the content-visibility property in WP Rocket 3.17, we\u2019re introducing the automatic lazy rendering feature. Keep reading to learn what it entails.<\/p><h2 class=\"wp-block-heading\">3.17: Introducing Automatic Lazy Rendering<\/h2><p>Our new major release makes it possible to lazy rendering automatically. As always for our new releases and enhancements, the goal is to help you improve your website performance in the easiest way, no matter your technical skills and if you master web performance optimization techniques.<\/p><p>We focus on features that can have a significant impact on speed and user experience, and WP Rocket 3.17 is no exception.&nbsp;<\/p><p>First and foremost, the new release can significantly improve your INP score, making your website more responsive to visitors. It may also slightly improve your <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> scores, although this would be more of a positive side effect.<\/p><p>The new feature is safe to implement and will never affect your visitors. If a browser doesn&#8217;t support the content visibility property because it\u2019s an older version, nothing will happen \u2013 even if WP Rocket 3.17 is activated.&nbsp;<\/p><p>The feature is also low-risk for your website \u2013 it\u2019s very unlikely to break anything.<\/p><p>As a side note, we considered releasing such a feature three years ago. At that time, the feature was based on JavaScript and needed a long-term test to verify the potential impact on SEO. In the meantime, the content-visibility CSS property had more support, offering a viable and simpler solution. With INP becoming increasingly relevant for web performance optimization, releasing this feature became a no-brainer.<\/p><h3 class=\"wp-block-heading\">How Automatic Lazy Rendering Works<\/h3><p>Let&#8217;s go back to our video game analogy.<\/p><p>Imagine you&#8217;re playing a game. As you move your character forward, the game renders new areas before reaching them. This is exactly how the automatic lazy rendering works for your website.<\/p><p>Introducing automatic lazy rendering has been made possible thanks to the previous one, <a href=\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-16\/\">WP Rocket 3.16<\/a>. Our previous version introduced 2 crucial enhancements:&nbsp;&nbsp;<\/p><ul class=\"wp-block-list\"><li>We activated the separated mobile cache by default.<\/li>\n\n<li>We introduced the detection and optimization of the critical images (images above the fold) thanks to a beacon collecting real information about the elements to optimize. The 3.17 feature will just extend what the beacon tracks to provide accurate information about the layout and make the new optimization possible.<\/li><\/ul><p>And here\u2019s what happens when WP Rocket 3.17 is enabled.<\/p><p>When a user lands on your page, the new feature won\u2019t allow the browser to render everything immediately. On the contrary, the browser will render the elements on the page only when users are close to that point on the page \u2013 like the game only loading the next area when you&#8217;re getting close to it. The longer the page, the more efficient lazy rendering will be.<\/p><p>That\u2019s why the new release is especially beneficial for:<\/p><ol class=\"wp-block-list\"><li>Long pages with lots of content, such as blog posts or product listings.<\/li>\n\n<li>Pages with complex elements that take more time to render, such as non-composite animations (e.g., canvas animations and video backgrounds).<\/li><\/ol><p>WP Rocket is the first plugin to accurately apply this automatic feature across all your pages. In fact, WP Rocket 3.17 analyzes the page&#8217;s structure and detects elements where lazy rendering can be applied. The plugin processes each page individually, desktop and mobile separately, to be sure we get the accurate elements without missing any opportunities.<\/p><p>There&#8217;s no option to flag \u2013 you don&#8217;t need to do anything to activate it. As soon as WP Rocket is updated to 3.17, it will work.<\/p><h2 class=\"wp-block-heading\">How Lazy Rendering Can Improve the Interaction to Next Paint Grade<\/h2><p>Let&#8217;s now see how WP Rocket 3.17 can improve your INP grade.<\/p><p>First things first: according to Google, good responsiveness means that your INP score should be below 200 milliseconds.<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"830\" height=\"196\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/INP.png\" alt=\"Good vs. Poor INP scores (Source: Google)\" class=\"wp-image-6018757\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/INP.png 830w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/INP-310x73.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/INP-768x181.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/INP-190x45.png 190w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2023\/09\/INP-381x90.png 381w\" sizes=\"(max-width: 830px) 100vw, 830px\" \/><figcaption class=\"wp-element-caption\">INP scores &#8211; Source: Google\n<\/figcaption><\/figure><p>Before we dive into the results of the tests we ran, it&#8217;s also important to highlight that the performance improvements your website can achieve depend on its current optimization level. If your site is already well-optimized, you might see subtle enhancements in your INP grade. However, if there&#8217;s room for improvement, you could experience a more dramatic boost in the INP score and the LCP and FCP grades.<\/p><p>To measure the INP performance improvement, we recommend using a tool like the <a href=\"https:\/\/www.debugbear.com\/inp-debugger\">INP Debugger<\/a> from DebugBear, which will give you a clear picture of your site&#8217;s responsiveness before and after enabling WP Rocket 3.17 and its Lazy Rendering automatic feature.<\/p><p>If you\u2019re wondering why this time we won\u2019t use the PageSpeed Insights tool, which is based on Lighthouse, it\u2019s because INP is a field metric and is calculated on interaction. And Lighthouse doesn\u2019t measure it, at least for now.<\/p><p>Let&#8217;s look at a real-world example to show you the potential enhancements that WP Rocket 3.17 can bring. We tested an e-commerce website with a lot of content to scroll through \u2013 multiple sections, product images, and item listings. For testing purposes, we also added a JavaScript workload to the website to keep the main thread busy and verify the efficiency of lazy rendering to improve the situation.<\/p><p>Here&#8217;s what we found.<\/p><p><strong>Before enabling WP Rocket 3.17 with Automatic Lazy Rendering<\/strong><\/p><p>The INP result is 204ms. As you can see, the result highlights a need for improvement:<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1027\" height=\"180\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/debugbear-inp-improvement-1.png\" alt=\"INP result before enabling WP Rocket 3.17 \u2013 Source\" class=\"wp-image-7138999\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/debugbear-inp-improvement-1.png 1027w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/debugbear-inp-improvement-1-310x54.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/debugbear-inp-improvement-1-768x135.png 768w\" sizes=\"(max-width: 1027px) 100vw, 1027px\" \/><figcaption class=\"wp-element-caption\">INP result before enabling WP Rocket 3.17 \u2013 <a href=\"https:\/\/www.debugbear.com\/inp-debugger\/F0RiRS-sggeot\">Source<\/a><\/figcaption><\/figure><p>From a more technical standpoint, we also analyzed the browser rendering in the Chrome DevTool Performance tab. The screenshot highlights the long tasks and the time it takes to render: 2610 ms.&nbsp;<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"844\" height=\"870\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/WPR-317-disabled-1.png\" alt=\"\" class=\"wp-image-7139007\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/WPR-317-disabled-1.png 844w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/WPR-317-disabled-1-189x195.png 189w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/WPR-317-disabled-1-768x792.png 768w\" sizes=\"(max-width: 844px) 100vw, 844px\" \/><figcaption class=\"wp-element-caption\">Chrome DevTool Performance tab &#8211; Before enabling WP Rocket 3.17<br><\/figcaption><\/figure><p><strong>After enabling WP Rocket 3.17 with Automatic Lazy Rendering<\/strong><\/p><p>The INP result is now 146ms. This time, the INP grade is in green.<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1003\" height=\"144\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/debugbear-inp-green-1.png\" alt=\"\" class=\"wp-image-7139014\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/debugbear-inp-green-1.png 1003w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/debugbear-inp-green-1-310x45.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/debugbear-inp-green-1-768x110.png 768w\" sizes=\"(max-width: 1003px) 100vw, 1003px\" \/><figcaption class=\"wp-element-caption\">INP result after enabling WP Rocket 3.17 \u2013 <a href=\"https:\/\/www.debugbear.com\/inp-debugger\/Sd7qfi-sggqg8\">Source<\/a>&nbsp;<br><\/figcaption><\/figure><p>This time, the Chrome DevTool performance tab shows how the long tasks were optimized, and the Rendering time was reduced to 2325 ms.<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"841\" height=\"846\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/WPR-317-enabled-1.png\" alt=\"Chrome DevTool Performance tab - After enabling WP Rocket 3.17\n\" class=\"wp-image-7139020\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/WPR-317-enabled-1.png 841w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/WPR-317-enabled-1-194x195.png 194w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/WPR-317-enabled-1-768x773.png 768w\" sizes=\"(max-width: 841px) 100vw, 841px\" \/><figcaption class=\"wp-element-caption\">Chrome DevTool Performance tab &#8211; After enabling WP Rocket 3.17<br><\/figcaption><\/figure><p>As you can see, we tested the exact same page. The only difference is that the second one has Automatic Lazy Rendering enabled, and the first one doesn&#8217;t.&nbsp;<\/p><p>The improvement is substantial. We&#8217;ve moved from a page with an orange INP score \u2013which needed improvement\u2013 to one showing a green result, which is recommended to ensure responsiveness and deliver a great user experience.<\/p><h2 class=\"wp-block-heading\">Wrapping up<\/h2><p>Whether you run a blog, an online store, or any other type of content-rich website, WP Rocket 3.17 and its lazy rendering feature can automatically improve a key metric like INP.&nbsp;<\/p><p>Boosting INP improves page responsiveness, therefore user experience. This can help keep visitors on your site longer and make them convert and come back \u2013 and that\u2019s why you should not overlook its optimization.&nbsp;<\/p><p>Why not see for yourself how INP grade can be enhanced? Update WP Rocket to version 3.17, or <a href=\"https:\/\/wp-rocket.me\/pricing\/\">give it a try<\/a>. We&#8217;d love to hear how the new major release works for you. Let us know in the comments about your experience with WP Rocket 3.17 and which improvements you get!<\/p><p><\/p><p><\/p><p><\/p><p><\/p><p><\/p>","protected":false},"excerpt":{"rendered":"<p>Discover WP&nbsp;Rocket&#8217;s new major release and start optimizing your INP metric right away with Automatic Lazy Rendering.<\/p>\n","protected":false},"author":160328,"featured_media":7145545,"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-7138965","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.17: Improve Your INP Metric with Automatic Lazy Rendering<\/title>\n<meta name=\"description\" content=\"Discover WP Rocket&#039;s new major release and start optimizing your INP metric right away with Automatic Lazy Rendering.\" \/>\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-17\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WP Rocket 3.17: Improve Your INP Metric with Automatic Lazy Rendering\" \/>\n<meta property=\"og:description\" content=\"Discover WP Rocket&#039;s new major release and start optimizing your INP metric right away with Automatic Lazy Rendering.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/\" \/>\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=\"2024-09-26T06:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-25T06:10:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/1900x800-Blog-Post-EN.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=\"10 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-17\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/\"},\"author\":{\"name\":\"Valentina Orlandi\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/90d59985e76c7851e90e680fb4b26762\"},\"headline\":\"WP&nbsp;Rocket 3.17: Improve Your INP Metric with Automatic Lazy Rendering\",\"datePublished\":\"2024-09-26T06:30:00+00:00\",\"dateModified\":\"2024-09-25T06:10:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/\"},\"wordCount\":2026,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\/\/wp-rocket.me\/#organization\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/1900x800-Blog-Post-EN.png\",\"articleSection\":[\"Inside WP Rocket\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/\",\"url\":\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/\",\"name\":\"WP Rocket 3.17: Improve Your INP Metric with Automatic Lazy Rendering\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/1900x800-Blog-Post-EN.png\",\"datePublished\":\"2024-09-26T06:30:00+00:00\",\"dateModified\":\"2024-09-25T06:10:54+00:00\",\"description\":\"Discover WP Rocket's new major release and start optimizing your INP metric right away with Automatic Lazy Rendering.\",\"breadcrumb\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/#primaryimage\",\"url\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/1900x800-Blog-Post-EN.png\",\"contentUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/1900x800-Blog-Post-EN.png\",\"width\":1900,\"height\":800,\"caption\":\"WP Rocket 3.17: Improve Your INP Metric with Automatic Lazy Rendering\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/#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.17: Improve Your INP Metric with Automatic Lazy Rendering\"}]},{\"@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.17: Improve Your INP Metric with Automatic Lazy Rendering","description":"Discover WP Rocket's new major release and start optimizing your INP metric right away with Automatic Lazy Rendering.","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-17\/","og_locale":"en_US","og_type":"article","og_title":"WP Rocket 3.17: Improve Your INP Metric with Automatic Lazy Rendering","og_description":"Discover WP Rocket's new major release and start optimizing your INP metric right away with Automatic Lazy Rendering.","og_url":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/","og_site_name":"WP Rocket","article_publisher":"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829","article_published_time":"2024-09-26T06:30:00+00:00","article_modified_time":"2024-09-25T06:10:54+00:00","og_image":[{"width":1900,"height":800,"url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/1900x800-Blog-Post-EN.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":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/#article","isPartOf":{"@id":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/"},"author":{"name":"Valentina Orlandi","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/90d59985e76c7851e90e680fb4b26762"},"headline":"WP&nbsp;Rocket 3.17: Improve Your INP Metric with Automatic Lazy Rendering","datePublished":"2024-09-26T06:30:00+00:00","dateModified":"2024-09-25T06:10:54+00:00","mainEntityOfPage":{"@id":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/"},"wordCount":2026,"commentCount":6,"publisher":{"@id":"https:\/\/wp-rocket.me\/#organization"},"image":{"@id":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/1900x800-Blog-Post-EN.png","articleSection":["Inside WP Rocket"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/","url":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/","name":"WP Rocket 3.17: Improve Your INP Metric with Automatic Lazy Rendering","isPartOf":{"@id":"https:\/\/wp-rocket.me\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/#primaryimage"},"image":{"@id":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/1900x800-Blog-Post-EN.png","datePublished":"2024-09-26T06:30:00+00:00","dateModified":"2024-09-25T06:10:54+00:00","description":"Discover WP Rocket's new major release and start optimizing your INP metric right away with Automatic Lazy Rendering.","breadcrumb":{"@id":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/#primaryimage","url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/1900x800-Blog-Post-EN.png","contentUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/08\/1900x800-Blog-Post-EN.png","width":1900,"height":800,"caption":"WP Rocket 3.17: Improve Your INP Metric with Automatic Lazy Rendering"},{"@type":"BreadcrumbList","@id":"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-17\/#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.17: Improve Your INP Metric with Automatic Lazy Rendering"}]},{"@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\/7138965"}],"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=7138965"}],"version-history":[{"count":0,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/posts\/7138965\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/media\/7145545"}],"wp:attachment":[{"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/media?parent=7138965"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/categories?post=7138965"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/tags?post=7138965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}