{"id":3303659,"date":"2021-04-22T13:17:40","date_gmt":"2021-04-22T11:17:40","guid":{"rendered":"https:\/\/wp-rocket.me\/?post_type=core_web_vitals_hub&#038;p=3303659"},"modified":"2024-11-05T13:26:49","modified_gmt":"2024-11-05T12:26:49","slug":"minimize-main-thread-work","status":"publish","type":"core_web_vitals_hub","link":"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/minimize-main-thread-work\/","title":{"rendered":"How to Minimize Main Thread Work on WordPress and Improve Page Speed"},"content":{"rendered":"<p>\u201cMinimize main thread work\u201d is one of the PageSpeed recommendations included in the Diagnostics Area of the performance report.<\/p><p>When testing your WordPress site, you may likely have come across such a suggestion.<\/p><p>Let\u2019s find out what the main thread work is, how it affects your WordPress site performance and how you can fix the issue.<\/p><p>You can watch our video first, or keep reading the article.<\/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=\"How to Minimize Main Thread Work on WordPress\" width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/cZPgtzK5ZzE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure><h2 class=\"wp-block-heading\">What\u2019s the Main Thread Work&nbsp;<\/h2><p>To understand what the main thread is, we need to take a step back and explain what happens when you want to load a page\u2019s content.&nbsp;<\/p><p>First thing, the browser makes a request to the server. Once the server sends back the content requested, the browser can start analyzing (<em>parsing<\/em>) the HTML code and building the DOM tree \u2014 that\u2019s the HTML structure. At this point, the browser can render and display the content.<\/p><p><strong>The process of parsing and rendering the code is the browser\u2019s main thread. <\/strong>When the browser encounters render-blocking resources that slow down the process, the main thread gets busy and blocked. As a result, the page can\u2019t be interactive and can\u2019t respond to any user interactions.<\/p><p>The main culprit for a busy main thread is JavaScript \u2014 CSS files also play a role. The browser should not encounter these files when parsing the code and rendering the page since they\u2019re <a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/eliminate-render-blocking-javascript-css\/\">JS and CSS render-blocking and should be removed<\/a>.<\/p><p>You can have a clear overview of how the main thread work is affected by looking at the PageSpeed Insights report:<\/p><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"749\" height=\"441\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/minime-main-thread-work.png\" alt=\"Minimize main-thread work - PSI\" class=\"wp-image-3303662\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/minime-main-thread-work.png 749w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/minime-main-thread-work-310x183.png 310w\" sizes=\"(max-width: 749px) 100vw, 749px\" \/><figcaption class=\"wp-element-caption\">Minimize main-thread work &#8211; PSI<br><\/figcaption><\/figure><p>As you can see, the PageSpeed recommendation is split into seven different sections. You can see which category has the most relevant impact on performance.<\/p><p>The categories you can improve the most are:<\/p><ul class=\"wp-block-list\"><li>Script evaluation<\/li>\n\n<li>Script parsing &amp; Compilation<\/li>\n\n<li>Parse HTML &amp; CSS.<\/li><\/ul><p>These sections are all related to parsing and executing the code \u2014 that\u2019s precisely when the main thread gets busy if it encounters render-blocking resources.<\/p><h2 class=\"wp-block-heading\">Why you Should Minimize the Main Thread Work&nbsp;<\/h2><p>As you can see, the main thread work can have a significant impact on the performance. <\/p><p>Since the main reason for a busy main thread work is JavaScript, the most affected metrics are the First Input Delay (FID) and the Interaction to Next Paint (INP), which measures the interactivity and responsiveness of a page.<\/p><p><a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/improve-interaction-to-next-paint\/\">Interaction to Next Paint<\/a> is a Core Web Vital since March 2024 and the <a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/improve-first-input-delay\/\">First Input Delay is a former Core Web Vitals metric<\/a>, and it\u2019s measured on the field through real-user data and interaction. It\u2019s replaced by the <a href=\"https:\/\/wp-rocket.me\/lighthouse-performance-score-wordpress\/reduce-total-blocking-time\/\">Total Blocking Time<\/a> in the <a href=\"https:\/\/wp-rocket.me\/lighthouse-performance-score-wordpress\/\">Lighthouse performance score<\/a>. TBT accounts for 30% of the overall grade. And that\u2019s why you can\u2019t overlook the main thread and should address the PSI recommendation if you want to boost your site\u2019s performance.<\/p><h2 class=\"wp-block-heading\">How to Minimize the Main Thread Work on WordPress<\/h2><p>There are five main ways to minimize the main thread on your WordPress site:<\/p><ol class=\"wp-block-list\"><li><a href=\"#defer-js\">Defer JS<\/a><\/li>\n\n<li><a href=\"#remove-unused-js-delay-js\">Remove Unused JS and Delay JS<\/a><\/li>\n\n<li><a href=\"#minify-js\">Minify JS<\/a><\/li>\n\n<li><a href=\"#minify-css\">Minify CSS<\/a><\/li>\n\n<li><a href=\"#defer-non-critical-css\">Defer Non-Critical CSS<\/a>.<\/li><\/ol><p>You\u2019ll learn which methods you can use, both manually and with the help of some plugins. You\u2019ll also understand which specific PSI category you\u2019ll be addressing. <\/p><h2 class=\"wp-block-heading\" id=\"defer-js\">1. Defer JavaScript\u00a0<\/h2><p>The first option you have to tackle the JS files is to <a href=\"https:\/\/wp-rocket.me\/blog\/deferred-loading-of-javascript\/\">defer the parsing of the JavaScript scripts<\/a> and load them only after rendering the most relevant content.<\/p><p>Deferring JS will specifically address the Script parsing &amp; compilation category.<\/p><p>If you want to defer JS manually, you should first identify the scripts via the PageSpeed Insights report. Then, you should include the defer attribute to each JavaScript file so that the scripts won\u2019t be parsed and loaded until the page rendering is complete.<\/p><p>Here\u2019s an example of the defer attribute:<\/p><p>&lt;script defer src=&#8221;\/example-js-script&#8221;&gt;&lt;\/script&gt;<\/p><p>A faster and simpler way to defer JS is to take advantage of the Load Javascript Deferred feature provided by WP Rocket.<\/p><p>It\u2019s a powerful option that allows you to defer JS files in no time. In the File Optimization tab, go to Load Javascript Deferred and flag the option. Pretty easy, right? You can also exclude specific JS files from being deferred.&nbsp;<\/p><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"630\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/File-optimization-Tab-Load-JavaScript-deferred-1-e1617291585235-1.png\" alt=\"The Load Javascript deferred tab - WP Rocket\n\" class=\"wp-image-3303669\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/File-optimization-Tab-Load-JavaScript-deferred-1-e1617291585235-1.png 800w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/File-optimization-Tab-Load-JavaScript-deferred-1-e1617291585235-1-248x195.png 248w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/File-optimization-Tab-Load-JavaScript-deferred-1-e1617291585235-1-768x605.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">The Load Javascript deferred tab &#8211; WP Rocket<\/figcaption><\/figure><h2 class=\"wp-block-heading\" id=\"remove-unused-js-delay-js\">2. Remove Unused JS + Delay JS<\/h2><p>Another effective way to manage JS files is to <a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/remove-unused-javascript\/\">remove unused JS<\/a> and delay the JS resources.<\/p><p>Thanks to these two actions, you\u2019ll take care of the Script evaluation and Script parsing &amp; compilation categories included in the PSI report.<\/p><p>When removing unused JavaScript, the JS files won\u2019t be included in rendering the content above the fold. As a result, the browser \u2014 therefore the main thread work \u2014 won\u2019t get interrupted by heavy JS files that are not needed for displaying the most important page\u2019s content.<\/p><p>By delaying JavaScript resources, the browser won\u2019t load these files until the first user interaction (e.g., scrolling, clicking a button). Once again, the main thread work won\u2019t get busy and blocked.<\/p><p>As a WordPress user, you have different options.&nbsp;<\/p><p>You can choose a plugin that delays JS, such as WP Meteor or Flying Scripts. You can also take advantage of an asset manager plugin to select where to load specific JS files. Some WordPress options are Plugin Organizer, Gonzales, Perfmatters, and Asset CleanUp.<\/p><p>The easiest and fastest way to tackle JS is to use WP Rocket and its Delay JS execution feature. In the File Optimization tab, you\u2019ll find the option to delay all the JS files until user interaction. Of course, you can also exclude specific JS files from being delayed, as you can see in the screenshot below:<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"991\" height=\"458\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/11\/delay-js-execution-3-9-2.png\" alt=\"The Delay JavaScript execution - WP Rocket\" class=\"wp-image-3873980\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/11\/delay-js-execution-3-9-2.png 991w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/11\/delay-js-execution-3-9-2-310x143.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/11\/delay-js-execution-3-9-2-768x355.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/11\/delay-js-execution-3-9-2-130x60.png 130w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/11\/delay-js-execution-3-9-2-195x90.png 195w\" sizes=\"(max-width: 991px) 100vw, 991px\" \/><figcaption class=\"wp-element-caption\"> The Delay JavaScript execution &#8211; WP Rocket <\/figcaption><\/figure><p>It\u2019s a straightforward and effective way to manage JS and save tons of time and effort.<\/p><p><a href=\"https:\/\/wp-rocket.me\/features\/\">Get WP Rocket now and test the improvements right away!<\/a><\/p><h2 class=\"wp-block-heading\" id=\"minify-js\">3. Minify JavaScript<\/h2><p>The third and last way to manage JS files is through minification. It allows you to take care of the Script evaluation and Script parsing &amp; compilation categories.<\/p><p>The goal of minifying JS is to make the code lighter and faster. By removing line breaks, comments, and white spaces, you\u2019ll reduce the JS files\u2019 size.<\/p><p>You can use a <a href=\"https:\/\/wp-rocket.me\/blog\/best-free-css-and-javascript-minification-tools\/#section-3\">JS minification tool<\/a> or take advantage of WP Rocket. Alongside powerful web performance features, WP Rocket allows you to minify JS in no time and with no effort. Just go to the File optimization tab and flag Minify JavaScript files:<\/p><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1538\" height=\"913\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/minify-JS.png\" alt=\"\" class=\"wp-image-3303688\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/minify-JS.png 1538w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/minify-JS-310x184.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/minify-JS-768x456.png 768w\" sizes=\"(max-width: 1538px) 100vw, 1538px\" \/><figcaption class=\"wp-element-caption\">Minify JS feature &#8211; WP Rocket<br><\/figcaption><\/figure><h2 class=\"wp-block-heading\" id=\"minify-css\">4. Minify CSS<\/h2><p>Alongside JS, you should also minify CSS files to address the PSI categories related to Script evaluation and Parse HTML &amp; CSS.<\/p><p>The reason is always the same. By minifying CSS, you\u2019ll reduce the code\u2019s size and make it load faster.<\/p><p>Once again, you can use a <a href=\"https:\/\/wp-rocket.me\/blog\/best-free-css-and-javascript-minification-tools\/#section-4\">CSS minification tool<\/a> or choose the option provided by WP Rocket in the File optimization tab:<\/p><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1544\" height=\"859\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/minify-CSS-1.png\" alt=\"Minify CSS feature - WP Rocket\" class=\"wp-image-3303693\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/minify-CSS-1.png 1544w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/minify-CSS-1-310x172.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/minify-CSS-1-768x427.png 768w\" sizes=\"(max-width: 1544px) 100vw, 1544px\" \/><figcaption class=\"wp-element-caption\">Minify CSS feature &#8211; WP Rocket<\/figcaption><\/figure><h2 class=\"wp-block-heading\" id=\"defer-non-critical-css\">5. Defer Non-Critical CSS&nbsp;<\/h2><p>If you want to minimize the main thread work and address the Parse HTML &amp; CSS<\/p><p>Category in the PSI audit, you should also defer non-critical CSS \u2014 the CSS files that are not above the fold and are not needed to render the page.<\/p><p>The goal is to load non-critical CSS only after the browser has already rendered and displayed the most relevant content.<\/p><p>You can defer CSS files in different ways.<\/p><p>The first thing to know is that deferring non-critical CSS goes hand in hand with inlining <a href=\"https:\/\/wp-rocket.me\/blog\/critical-css\/\">critical CSS<\/a> \u2014 the files that need to be loaded as fast as possible.&nbsp;<\/p><p>That\u2019s why you should identify and inline the critical CSS in the HTML code. You can do it by using <a href=\"https:\/\/www.sitelocity.com\/critical-path-css-generator\">a Critical Path CSS generator<\/a>. After that, you can load the non-critical CSS file asynchronously <a href=\"https:\/\/web.dev\/defer-non-critical-css\/#optimize:~:text=load%20the%20rest%20of%20the%20classes%20asynchronously\">by applying the following pattern<\/a>.<\/p><p>If you want to take care of CSS files most simply and effectively, WP Rocket is what you need. The Optimize CSS delivery feature removes unused CSS with absolutely no effort from your side \u2014 you don\u2019t need to do anything else.<\/p><p>In the File optimization tab, you only have to &#8220;<strong>Remove unused CSS<\/strong>&#8221; option and let the plugin do the job for you:<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1379\" height=\"570\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/RUCSS-3-11.png\" alt=\"Remove Unused CSS or load CSS asynchronously - Source: WP Rocket\" class=\"wp-image-4316192\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/RUCSS-3-11.png 1379w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/RUCSS-3-11-310x128.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/RUCSS-3-11-768x317.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/RUCSS-3-11-145x60.png 145w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2022\/04\/RUCSS-3-11-218x90.png 218w\" sizes=\"(max-width: 1379px) 100vw, 1379px\" \/><figcaption class=\"wp-element-caption\"> Remove unused CSS &#8211; WP Rocket <\/figcaption><\/figure><h2 class=\"wp-block-heading\">6. Other Performance Optimizations<\/h2><p>As you noticed in the \u201cMinimize main thread work\u201d recommendation, there are other categories that you should also optimize:<\/p><ul class=\"wp-block-list\"><li>Style and layout<\/li>\n\n<li>Rendering<\/li>\n\n<li>Garbage Collection.<\/li><\/ul><p>Style and layout and Rendering are related to the layout structure and the DOM tree built when analyzing the HTML code. Google recommends <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/rendering\/reduce-the-scope-and-complexity-of-style-calculations\">Reducing the scope and complexity of style calculations<\/a> and <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/rendering\/avoid-large-complex-layouts-and-layout-thrashing\">Avoiding large, complex layouts and layout thrashing<\/a>.<\/p><p>As for the Garbade Collection, you should <a href=\"https:\/\/web.dev\/monitor-total-page-memory-usage\/\">monitor your web page&#8217;s total memory usage<\/a>.<\/p><div id=\"om-nyrydv5iync8zrrulm5i-holder\"><\/div>\n\t<script>(function (d, u, ac) {\n\t\t\tvar s = d.createElement('script')\n\t\t\ts.type = 'text\/javascript'\n\t\t\ts.src = 'https:\/\/a.omappapi.com\/app\/js\/api.min.js'\n\t\t\ts.async = true\n\t\t\ts.dataset.user = u\n\t\t\ts.dataset.campaign = ac\n\t\t\td.getElementsByTagName('head')[0].appendChild(s)\n\t\t})(document, 20440, 'nyrydv5iync8zrrulm5i')<\/script><h2 class=\"wp-block-heading\">Start Minimizing the Main Thread Work Right Now<\/h2><p>Minimizing the main thread work will help you optimize the INP and FID grades and improve your PageSpeed Insights performance score.&nbsp;<\/p><p>Thanks to WP Rocket, you can fix some major issues and boost your site\u2019s performance without sweating and wasting your time!<\/p><p>Not a WP Rocket customer yet? Save yourself time and let WP Rocket do the job for you. <a href=\"https:\/\/wp-rocket.me\/features\/\">WP Rocket is the easiest way to improve your PageSpeed Insights score<\/a>.&nbsp;<\/p><p><strong>You can always count on our 100% money-back guarantee. <\/strong>Although we don\u2019t think you\u2019ll ever want one, we\u2019ll gladly provide a refund if you request it within 14 days of purchase.<\/p><p>\ud83d\ude80 <strong>The only risk you\u2019ll be taking with our plugin is speeding up your website. <\/strong>WP Rocket automatically applies 80% of web performance best practices, instantly boosting your Core Web Vitals scores.&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Looking for a way to minimize main thread work to improve the Core Web Vitals performance and boost your PageSpeed Insights score? Keep reading, and you\u2019ll find all the information you need!<\/p>\n","protected":false},"template":"","core_web_vitals":[159],"class_list":["post-3303659","core_web_vitals_hub","type-core_web_vitals_hub","status-publish","hentry","core_web_vitals-improve-interaction-to-next-paint"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>5 Ways to Minimize Main Thread Work on WordPress<\/title>\n<meta name=\"description\" content=\"Want to understand how to minimize main thread work on WordPress and improve your PageSpeed Insights score? Find out all the information you need on WP Rocket!\" \/>\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\/google-core-web-vitals-wordpress\/minimize-main-thread-work\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 Ways to Minimize Main Thread Work on WordPress\" \/>\n<meta property=\"og:description\" content=\"Want to understand how to minimize main thread work on WordPress and improve your PageSpeed Insights score? Find out all the information you need on WP Rocket!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/minimize-main-thread-work\/\" \/>\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:modified_time\" content=\"2024-11-05T12:26:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/minime-main-thread-work.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@wp_rocket\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/minimize-main-thread-work\/\",\"url\":\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/minimize-main-thread-work\/\",\"name\":\"5 Ways to Minimize Main Thread Work on WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/minimize-main-thread-work\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/minimize-main-thread-work\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/minime-main-thread-work.png\",\"datePublished\":\"2021-04-22T11:17:40+00:00\",\"dateModified\":\"2024-11-05T12:26:49+00:00\",\"description\":\"Want to understand how to minimize main thread work on WordPress and improve your PageSpeed Insights score? Find out all the information you need on WP Rocket!\",\"breadcrumb\":{\"@id\":\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/minimize-main-thread-work\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/minimize-main-thread-work\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/minimize-main-thread-work\/#primaryimage\",\"url\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/minime-main-thread-work.png\",\"contentUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/minime-main-thread-work.png\",\"width\":749,\"height\":441},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/minimize-main-thread-work\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wp-rocket.me\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Core Web Vitals\",\"item\":\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Interaction to Next Paint\",\"item\":\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/improve-interaction-to-next-paint\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"How to Minimize Main Thread Work on WordPress and Improve Page Speed\"}]},{\"@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\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"5 Ways to Minimize Main Thread Work on WordPress","description":"Want to understand how to minimize main thread work on WordPress and improve your PageSpeed Insights score? Find out all the information you need on WP Rocket!","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\/google-core-web-vitals-wordpress\/minimize-main-thread-work\/","og_locale":"en_US","og_type":"article","og_title":"5 Ways to Minimize Main Thread Work on WordPress","og_description":"Want to understand how to minimize main thread work on WordPress and improve your PageSpeed Insights score? Find out all the information you need on WP Rocket!","og_url":"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/minimize-main-thread-work\/","og_site_name":"WP Rocket","article_publisher":"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829","article_modified_time":"2024-11-05T12:26:49+00:00","og_image":[{"url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/minime-main-thread-work.png"}],"twitter_card":"summary_large_image","twitter_site":"@wp_rocket","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/minimize-main-thread-work\/","url":"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/minimize-main-thread-work\/","name":"5 Ways to Minimize Main Thread Work on WordPress","isPartOf":{"@id":"https:\/\/wp-rocket.me\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/minimize-main-thread-work\/#primaryimage"},"image":{"@id":"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/minimize-main-thread-work\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/minime-main-thread-work.png","datePublished":"2021-04-22T11:17:40+00:00","dateModified":"2024-11-05T12:26:49+00:00","description":"Want to understand how to minimize main thread work on WordPress and improve your PageSpeed Insights score? Find out all the information you need on WP Rocket!","breadcrumb":{"@id":"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/minimize-main-thread-work\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/minimize-main-thread-work\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/minimize-main-thread-work\/#primaryimage","url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/minime-main-thread-work.png","contentUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2021\/04\/minime-main-thread-work.png","width":749,"height":441},{"@type":"BreadcrumbList","@id":"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/minimize-main-thread-work\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wp-rocket.me"},{"@type":"ListItem","position":2,"name":"Core Web Vitals","item":"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/"},{"@type":"ListItem","position":3,"name":"Interaction to Next Paint","item":"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/improve-interaction-to-next-paint\/"},{"@type":"ListItem","position":4,"name":"How to Minimize Main Thread Work on WordPress and Improve Page Speed"}]},{"@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"]}]}},"_links":{"self":[{"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/core_web_vitals_hub\/3303659"}],"collection":[{"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/core_web_vitals_hub"}],"about":[{"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/types\/core_web_vitals_hub"}],"wp:attachment":[{"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/media?parent=3303659"}],"wp:term":[{"taxonomy":"core_web_vitals","embeddable":true,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/core_web_vitals?post=3303659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}