{"id":20108,"date":"2023-02-24T12:13:04","date_gmt":"2023-02-24T12:13:04","guid":{"rendered":"https:\/\/10web.io\/blog\/?p=20108"},"modified":"2026-02-25T18:55:45","modified_gmt":"2026-02-25T18:55:45","slug":"minimize-main-thread-work","status":"publish","type":"post","link":"https:\/\/10web.io\/blog\/minimize-main-thread-work\/","title":{"rendered":"6 Tips to Minimize Main Thread Work on WordPress"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Are you looking for ways to improve the performance of your web application? A crucial step is to minimize main thread work when running performance tests since this is one of the recommendations of PageSpeed.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">On the client side, the performance of a webpage is often determined by how fast the browser processes and renders HTML, CSS, and JavaScript code \u2013 all on the main thread. That said, with careful planning, reducing strain on that single resource is possible, allowing your app or <a href=\"https:\/\/10web.io\/page-speed-booster\/\">website to run faster<\/a> and smoother. In this blog post, we&#8217;ll explore what main thread work means, how it affects your WordPress site performance, and look at some best practices to minimize main thread work. Let&#8217;s dive in!<\/span><\/p>\n<div class=\"links-list-block\">\n    <p class=\"links-list-block__title\">In This Article<\/p>\n    <div class=\"links-list-block__content\">\n<ul>\n<li><a href=\"#what\">What Is the Main Thread Work?<\/a><\/li>\n<li><a href=\"#google\">How to Read Google PageSpeed Insights&#8217; Report on Main Thread Work?<\/a><\/li>\n<li><a href=\"#fix\">How to Fix the \u201cMinimize Main Thread Work\u201d Issue on WordPress?<\/a>\n<ul>\n<li><a href=\"#manually\">Fix Manually<\/a><\/li>\n<li><a href=\"#plugin\">Fix With a WordPress Plugin<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"#conclusion\">Conclusion<\/a><\/li>\n<li><a href=\"#faq\">FAQ<\/a><\/li>\n<\/ul>\n<p><\/div>\n<\/div>\n<br \/>\n<span id=\"what\"><\/span><\/p>\n<h2><b>What Is the Main Thread Work?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Consider the main thread to be a waiter in a restaurant. The waiter must take orders, process payments, bring meals, replenish beverages, etc.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Suppose the waiter becomes preoccupied with a particular activity, such as taking too long to process orders (e.g., the client has a difficult order or is undecided). In that case, he or she is unable to attend to other duties. This results in a bottleneck, influencing your perception of the restaurant&#8217;s performance.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The main thread of a web browser is where the browser handles most page-load-related operations, such as rendering\/painting content and handling user input. If you want to learn more about threads, you can check out this <\/span><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\/Thread.\"><span style=\"font-weight: 400;\">article in Mozilla&#8217;s developer documentation<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To understand how the main thread does its job, we must first describe what occurs when you attempt to load a page&#8217;s resources.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The browser first sends a request to the server. As soon as the server returns the requested content, the browser can begin analyzing (parsing) the HTML code and generating the DOM tree \u2013 the HTML structure. The browser is now able to render and display the information.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/image6-3.png\" alt=\"Browser Main-Thread Timeline\" width=\"694\" height=\"186\" class=\"alignnone size-full wp-image-20112\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/image6-3.png 694w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/image6-3-150x40.png 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/image6-3-600x161.png 600w\" sizes=\"auto, (max-width: 694px) 100vw, 694px\" \/><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/gtmetrix.com\/avoid-long-main-thread-tasks.html\"><span style=\"font-weight: 400; font-size: 14px;\">Image source<\/span><\/a><\/p>\n<p><span style=\"font-weight: 400;\">In simple words, the <strong>browser&#8217;s main thread is the procedure of parsing and rendering the code.<\/strong> When a browser meets <a href=\"https:\/\/10web.io\/blog\/eliminate-render-blocking-resources\/\">render-blocking resources<\/a> that slow down the rendering process, the main thread becomes busy and switches to parsing\/executing these resources, e.g. scripts or styles. Therefore, the page cannot be interactive and cannot react to user input.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The primary cause of a busy main thread is <strong>JavaScript<\/strong>; CSS files also contribute. Since these files are JS and CSS render-blocking and should be eliminated, the browser should not encounter them while parsing the code and displaying the page.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">By looking at the PageSpeed Insights report, you can clearly see how main thread work is affected:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/image4-5-742x378.png\" alt=\"PageSpeed Insight Report on Main Thread Work\" width=\"742\" height=\"378\" class=\"alignnone size-medium wp-image-20114\" \/><\/p>\n<p><span id=\"google\"><\/span><span style=\"font-weight: 400;\">Observe that the PageSpeed suggestion is divided into seven separate sections. You can determine which section has the most influence on performance.<\/span><\/p>\n<h2><b>How to Read Google PageSpeed Insights&#8217; Report on Main Thread Work?<\/b><\/h2>\n<p><a href=\"https:\/\/pagespeed.web.dev\/\"><span style=\"font-weight: 400;\">Google PageSpeed Insights (PSI)<\/span><\/a><span style=\"font-weight: 400;\"> is a great tool for debugging web pages. A variety of audits are available regarding the Main Thread and JavaScript.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Using the &#8220;Minimize main-thread work&#8221; audit is a good start since it analyzes and groups Main Thread activities.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/image2-4.png\" alt=\"PageSpeed Insight Report on Main Thread Work\" width=\"650\" height=\"400\" class=\"alignnone size-full wp-image-20113\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/image2-4.png 650w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/image2-4-150x92.png 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/image2-4-600x369.png 600w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><b>Script Evaluation: <\/b><span style=\"font-weight: 400;\">This category measures the time taken for the browser to evaluate any JavaScript code that is used on the page. This can include functions, variables, or other code that has been included on the page.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Other:<\/b><span style=\"font-weight: 400;\"> This category includes any other time spent on the main thread that is not related to the other categories.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Style &amp; Layout:<\/b><span style=\"font-weight: 400;\"> This category measures the time spent on calculating the layout of the page, based on the HTML elements and CSS styles used.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Rendering: <\/b><span style=\"font-weight: 400;\">This refers to how long it takes for the browser to draw the page after all of the layout instructions have been applied.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Script Parsing &amp; compilation:<\/b><span style=\"font-weight: 400;\"> This category measures the time taken for the browser to parse and compile any JavaScript code that is used on the page.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Parse HTML and CSS:<\/b><span style=\"font-weight: 400;\"> This category measures the time taken for the browser to parse the HTML and CSS code on the page.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Garbage Collection:<\/b><span style=\"font-weight: 400;\"> This category measures the time spent on garbage collection. Garbage collection is the process of the browser reclaiming memory that is no longer being used by the page.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Other categories related to main threads are the &#8220;Avoid long main-thread tasks&#8221; which makes it possible for you to be more specific by showing how long it takes for specific JavaScript tasks to run. I<\/span><span style=\"font-weight: 400;\">f long tasks take too much time, the browser may hang, crash and display messages like &#8220;Aw, Snap!&#8221;<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As well as these audits, PSI&#8217;s interactivity metrics also identify pages with Main Thread issues. <a href=\"https:\/\/10web.io\/site-speed-glossary\/time-to-interactive\/\">Time to Interactive (TTI)<\/a> and Total Blocking Time (TBT) measure the impact of long tasks and unoptimized JavaScript.<br \/>\n<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/image3-5-742x453.png\" alt=\"Core Web Vitals Assessment\" width=\"742\" height=\"453\" class=\"alignnone size-medium wp-image-20116\" \/><\/p>\n<p><span style=\"font-weight: 400;\">With regard to the real-user data (i.e., field data), you should focus on the <a href=\"https:\/\/10web.io\/site-speed-glossary\/first-input-delay\/\">First Input Delay<\/a> metric.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/image5-5-e1677234557641-742x369.png\" alt=\"Core Web Vitals Assessment\" width=\"742\" height=\"369\" class=\"alignnone size-medium wp-image-20117\" \/><\/p>\n<p><span style=\"font-weight: 400;\">The three metrics all deal with interactivity, so if they&#8217;re all red, you probably have a main thread problem.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">With Chrome&#8217;s DevTools, you can analyze the issues even further. Choose &#8220;Inspect&#8221; from the right-click menu when you open a web page. Click on &#8220;Performance&#8221; and note how long it takes for the page to load. You can also use the &#8220;Coverage&#8221; panel in this situation:<\/span><\/p>\n<p><span style=\"font-weight: 400;\"> <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/image8-3.png\" alt=\"Analyzing Main-Tread Work with Chrome's DevTools\" width=\"650\" height=\"322\" class=\"alignnone size-full wp-image-20118\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/image8-3.png 650w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/image8-3-150x74.png 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/image8-3-600x297.png 600w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/span><\/p>\n<p><span style=\"font-weight: 400;\">When the report is ready, go to the &#8220;Main&#8221; section and look for gray tasks with a small red overlay. That&#8217;s what we call Long Tasks. By using the &#8220;Coverage&#8221; tab, you can find specific files and see what percentage of JS code remains unused in them:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/image7-3.png\" alt=\"Coverage Tab in Chrome's DevTools\" width=\"650\" height=\"624\" class=\"alignnone size-full wp-image-20120\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/image7-3.png 650w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/image7-3-150x144.png 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/image7-3-600x576.png 600w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/p>\n<p><span id=\"fix\"><\/span><span style=\"font-weight: 400;\">As you know, the browser has to download, parse and execute each of these resources before proceeding. This blocks the Main Thread. As a result, serving render-blocking resources consecutively slows down the loading process.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Now, let\u2019s see how to minimize main thread work.<\/span><\/p>\n<h2><b>How to Fix the \u201cMinimize Main Thread Work\u201d Issue on WordPress?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">When minimizing main thread work in WordPress, there are two methods to consider.<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Manual Method<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Plugin Method<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">These optimization methods should be implemented <strong>page per page<\/strong> for the entire website. This is quite difficult technically, also taking into account that one should update this on plugin\/theme updates, and to make sure that the implementation does not break any webpage on any device. That is why automatic optimization through plugins is safer and easier to do.<\/span><span id=\"manually\"><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Let&#8217;s discuss each one of them here.<\/span><\/p>\n<h3><b>Fix Manually<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">The following steps will help you minimize main thread work manually on your WordPress site.<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Defer JS<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Minify JS &amp; CSS<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Remove Unused JS and Delay JS<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Defer Non-Critical CSS<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Other Performance Optimizations<\/span><\/li>\n<\/ol>\n<h4><b>1. Defer JS\u00a0<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Deferring refers to the process of postponing the execution of a function or code block until a later time. In the context of minimizing the main thread, deferring work means pushing it off until a later time, which helps to prevent the main thread from becoming blocked and unresponsive. First, you may defer the execution of JavaScript scripts and load them only after displaying the most relevant content.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Deferring JS will specifically target the script parsing and compilation category.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Before you can manually defer JS, you must identify the scripts using the PageSpeed Insights report. Then, you need to add the defer attribute to each JavaScript file so that it won&#8217;t be executed until after the page has finished rendering.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The following demonstrates the defer attribute:<\/span><\/p>\n<p><code>&lt;script defer src=\"\/example-js-script\"&gt;<\/code><\/p>\n<p><code><\/code><code>&lt;\/script&gt;<\/code><\/p>\n<h4><b>2. Minify JS &amp; CSS\u00a0<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Minifying JS and CSS files are essential for improving website performance and reducing main thread work. Minifying JS helps to manage script evaluation and parsing &amp; compilation, while minifying CSS addresses the categories related to minimizing main-thread script evaluation and parsing HTML &amp; CSS.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/3-1-742x416.jpg\" alt=\"CSS minification\" width=\"742\" height=\"416\" class=\"alignnone size-medium wp-image-18585\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/3-1-742x416.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/3-1-150x84.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/3-1-768x431.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/3-1-371x208.jpg 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/3-1.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/3-1-600x336.jpg 600w\" sizes=\"auto, (max-width: 742px) 100vw, 742px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">By removing unnecessary characters, such as whitespaces and comments, minification makes the code smaller and more efficient, which in turn helps the browser load content faster and display pages more quickly to users. While it can be difficult and unnatural to produce CSS code without these characters, writing your code normally and adding a Webpack minification phase can make the process easier. By using these techniques, you can create a better user experience and improve your website&#8217;s overall performance.<\/span><\/p>\n<h4><b>3. Remove Unused JS + Delay JS<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">JS files may also be effectively managed by removing unnecessary JS and delaying JS resources. These two operations will address the script evaluation, parsing &amp; compilation sections of the PSI report.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">When eliminating unnecessary JavaScript, the JS files will not be rendered when the content is shown above the fold. Therefore, huge JS files that are not needed for the page&#8217;s most essential content will not stop the browser and its main thread from working.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">When JavaScript resources are delayed, the browser will not load them until the first user contact (e.g., hovering, scrolling, clicking). As a result, the main thread will be able to continue.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\"><div class=\"colored-block blue\">\n    <img decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/themes\/10web-blog\/images\/shortcodes\/\/blue_block_icon.png\" class=\"colored-block-note\" alt=\"Note\">\n            <h4>Related Article<\/h4>\n\t        <div class=\"colored-block__content\"> <\/span><a href=\"https:\/\/10web.io\/blog\/remove-unused-javascript\/\">How to Remove Unused JavaScript on WordPress Automatically<\/a> <span style=\"font-weight: 400;\"><\/span><span style=\"font-weight: 400;\"><\/div>\n    <\/div>\n<\/span><\/p>\n<h4 style=\"margin-top: 100px;\"><b>4. Defer Non-Critical CSS and inline Critical CSS<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">If you want to minimize main thread work and pass the Parse HTML &amp; CSS Category of the PSI audit, you should delay non-critical CSS \u2014 CSS files that are below the fold and are not necessary to show the page.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The goal is to load non-critical CSS only after the browser has rendered and shown the most vital content. There are further ways to delay CSS files.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">First, realize that delaying non-essential CSS and inlining crucial CSS \u2014 the files that must be loaded as rapidly as possible \u2014 operate in conjunction.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Therefore, you should locate and make inline the necessary CSS in the HTML code. Utilizing a Critical Path CSS generator is an option worth considering. Using the subsequent method, you may asynchronously load the non-critical CSS file.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><div class=\"colored-block blue\">\n    <img decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/themes\/10web-blog\/images\/shortcodes\/\/blue_block_icon.png\" class=\"colored-block-note\" alt=\"Note\">\n            <h4>Related Article<\/h4>\n\t        <div class=\"colored-block__content\"> <\/span><a href=\"https:\/\/10web.io\/blog\/inline-critical-css-defer-unused-css-wordpress\/\">How to Incline Critical CSS &amp; Defer Unused CSS in WordPress<\/a>\u00a0<span style=\"font-weight: 400;\"><\/span><span style=\"font-weight: 400;\"><\/div>\n    <\/div>\n<\/span><\/p>\n<h4><b>5. Other Performance Optimizations<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">There are other categories that you should also optimize in addition to the &#8220;Minimize main thread work&#8221; recommendation:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Style and layout<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Rendering<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Garbage Collection.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">In order to avoid large, complex layouts and layout thrashing, <strong>using styles for layout calculations<\/strong> rather than using JavaScript can be an effective way to minimize main thread work on your website. By using CSS transitions, you can achieve visual effects and motions much faster than with JavaScript. The strategy involves adding normal styles and applying CSS transitions for any effects and motions that you want to incorporate. By using CSS for layout calculations, you can reduce the amount of work that the browser&#8217;s main thread needs to perform, which can improve overall performance and user experience<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You should also monitor the total memory usage of your web page when using the <strong>Garbage Collection<\/strong>.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Optimizing each page of a website with the methods mentioned above can be a technically challenging task, especially when considering the need to maintain consistency across all pages and devices. Furthermore, the need to keep up with plugin and theme updates can further complicate the process.<\/span><\/p>\n<p><span id=\"plugin\"><\/span><span style=\"font-weight: 400;\">For these reasons, using automatic optimization through plugins can be a safer and easier approach. However, it is still important to understand the underlying methods and techniques for optimization, as this can help you to identify potential issues and ensure that your website is performing at its best. The next step will be to identify which plugins can be used to optimize your website automatically.<\/span><\/p>\n<h3><b>Fix With a WordPress Plugin<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Another way to minimize main thread work on WordPress is by using the plugin method. One of the most prominent plugins is the <\/span><a href=\"https:\/\/10web.io\/page-speed-booster\/\"><span style=\"font-weight: 400;\">10Web Booster.<\/span><\/a><\/p>\n<div class=\"youtube_embed without_rel\" data-id=\"oX1FEYIA5xQ\">\n<div id=\"video1\"><\/div>\n<\/div>\n<p><span style=\"font-weight: 400;\">10 Web Booster is designed to help minimize main thread work on WordPress websites by utilizing various techniques such as deferring JavaScript, minifying JavaScript and CSS, removing unused JavaScript and delaying its loading, deferring non-critical CSS, and other performance optimizations.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Minifying and compressing JS and CSS<\/strong> is also an effective option for reducing main thread work. This process involves removing white space, comments, and redundant code from source files. 10Web Booster uses advanced algorithms to identify which files are safe to minify without compromising their functionality; this ensures that any changes made won\u2019t make your website unusable.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The plugin also allows you to <strong>remove unused JS and delay its loading<\/strong>; this means elements like trackers that aren&#8217;t needed right away are prevented from slowing down other processes until they&#8217;re specifically called upon. This happens without breaking webpages.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Additionally, 10Web Booster can <strong>defer non-critical CSS and resources like fonts<\/strong>, so they aren&#8217;t loaded until later in the page&#8217;s life cycle; this helps speed up initial rendering times by allowing only essential elements on the page\u2019s visual hierarchy before its content has been laid out completely. All these happens without compromising the initial page layout and styles, that is without breaking them, and without harming CLS metric.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Finally, In addition to the optimizations mentioned for minimizing main thread work, 10Web Booster offers a <strong>variety of other features<\/strong> to help improve website performance. These include browser caching, lazy loading of images, reducing image size, optimizing the database, and more.\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Let&#8217;s examine the different optimization levels available to minimize main thread work.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/screencapture-my-10web-io-websites-219317-booster-frontend-2023-02-24-15_48_23-742x495.png\" alt=\"10Web Dashboard - Booster\" width=\"742\" height=\"495\" class=\"alignnone size-medium wp-image-20122\" \/><\/p>\n<h4><b>Standard<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">The standard level integrates and compresses CSS and JS files, reducing their size and making them lighter. In this level, a subset of JS files are specified to load only when triggered by user interaction. The graphics on a website are transformed and supplied as WebP images, which are lower image files without sacrificing image quality. Lastly, lazy loading is enabled for photos, videos, and iframes, and delaying loading material that is not required.<\/span><\/p>\n<h4><b>Balanced<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">The balanced level includes all the optimization choices found in the Standard level and the production of critical CSS. This enables critical CSS or the visible section of the page that will be delivered first to load before any other content. Any additional CSS styles load after the essential styles.<\/span><\/p>\n<h4><b>Strong<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Strong offers all the optimization settings of Standard plus a delay for all JavaScript, which means that all JS will load upon user input.<\/span><span id=\"conclusion\"><\/span><\/p>\n<h4><b>Extreme<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Extreme website optimization incorporates all three tiers, Standard + Critical CSS and Delay JS.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Conclusion<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">You should keep track of your WordPress site and minimize main thread work if you want to improve the speed of your website. One plugin that can automate many of the optimization methods outlined in this article is 10Web Booster, which is available as a <\/span><a href=\"https:\/\/wordpress.org\/plugins\/tenweb-speed-optimizer\/\"><span style=\"font-weight: 400;\">free download<\/span><\/a><span style=\"font-weight: 400;\"> from the official WordPress plugin repository.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The free version of 10Web Booster offers a range of optimization features, including <strong>critical CSS, JS delay, and font swapping<\/strong>, and can be used on up to six pages of a website. For users who require optimization for additional pages, a Pro version of 10Web Booster is available, which offers all the same optimization features as the free version, but with unlimited usage. The Pro version of 10Web Booster also includes <strong>Cloudflare enterprise CDN integration<\/strong>, that will provide fast loading of not only resources (CSS, JavaScript, fonts) from the nearby servers, but also the distribution of fully cached webpages through the Cloudflare network. 10Web Booster simplifies the optimization process, enabling website owners and developers to easily apply the best optimization practices without the need for extensive technical knowledge or expertise. By leveraging 10Web Booster, users can ensure their website runs smoothly and performs at its best, resulting in a better user experience for their visitors.<\/span><span id=\"faq\"><\/span><\/p>\n<p><span style=\"font-weight: 400;\">This will make your site load faster and improve your Google PageSpeed Insights score. Reducing main thread work can be a bit technical and time-consuming, but it&#8217;s worth it for the performance benefits.<\/span><\/p>\n\r\n<style>\r\n  #ctablocks_inline_70{\r\n          background-color: #000000;\r\n        color: #ffffff;\r\n    border-radius: 6px;\r\n  }\r\n\r\n  #ctablocks_inline_70 p{\r\n    color: #ffffff;\r\n  }\r\n  #ctablocks_inline_70 .button{\r\n        background-color: rgb(51,57,241);\r\n      color: #ffffff;\r\n    border-color: #3339f1 !important;\r\n  }\r\n  #ctablocks_inline_70 .button:hover{\r\n    background: rgba(51,57,241,0.8);\r\n    color: #ffffff;\r\n    opacity: 1;\r\n  }\r\n        #ctablocks_inline_70 .ctablocks_content_info p {\r\n        padding-left: 36px;\r\n      }\r\n      #ctablocks_inline_70 .ctablocks_content_button {\r\n          margin-left: 37px;\r\n      }\r\n  @media screen and (min-width: 768px) and (max-width: 1260px) {\r\n      #ctablocks_inline_70 .ctablocks_content_button {\r\n          margin-left: 37px !important;\r\n      }\r\n  }\r\n  ;\r\n<\/style>\r\n<div id=\"ctablocks_inline_70\" class=\"ctablocks_container inline_type\r\n        \">\r\n\r\n  <div class=\"ctablocks_content clear\">\r\n    <div class=\"ctablocks_content_info\">\r\n      \r\n            <div class=\"title-wrap\">\r\n\t\t\t\t\t                  <img decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/info-icon-cta.png\" alt=\"Want to speed up your website instantly?\" title=\"Want to speed up your website instantly?\">\r\n\t\t\t\t\t            <h4>Want to speed up your website instantly?<\/h4>\r\n        <\/div>\r\n              <p>Get 90+ PageSpeed Score automatically with 10Web Booster \u26a1 <br class=\"desktop\"> On any hosting!<\/p>\r\n          <\/div>\r\n    <div class=\"ctablocks_content_button\">\r\n              <a href=\"https:\/\/10web.io\/page-speed-booster\/\" class=\"button\"  data-gtag=\"cta-70\" data-buttontype=\"cta-inline\"\r\n\t        >Try for Free<\/a>\r\n            \r\n    <\/div>\r\n  <\/div>\r\n    <\/div>\r\n\n<h2 style=\"margin-top: 100px;\"><b>FAQ<\/b><\/h2>\n<div class=\"faq-shortcode\">\n    <p class=\"faq_title\">What's the difference between defer and async?<\/p>\n    <div class=\"faq_content\"> By using async, your script can run immediately after being loaded without blocking other elements on the page. While in defer, your script will only run after the page has finished loading. Async is usually preferred, but there are exceptions. <\/div>\n<\/div>\n\n<div class=\"faq-shortcode\">\n    <p class=\"faq_title\">What is the best way to defer the parsing of JavaScript in WordPress?<\/p>\n    <div class=\"faq_content\"> The parsing of JavaScript can be deferred in several ways. To begin with, you can add two attributes to your scripts: Async and Defer.<\/p>\n<p>JavaScript can be downloaded using both attributes without pausing HTML parsing for visitors. Async actually does not pause HTML parsing for fetching the script (contrary to default behavior) but instead pauses the HTML parser to execute it after fetching it.<\/p>\n<p>When defer is enabled, visitors&#8217; browsers will download scripts while parsing HTML, but they will await the completion of HTML parsing before parsing the script. <\/div>\n<\/div>\n\n<div class=\"faq-shortcode\">\n    <p class=\"faq_title\">What is the difference between delay and defer?<\/p>\n    <div class=\"faq_content\"> Defer will delay the loading of JavaScript on the page. This helps eliminate render-blocking situations. However, JavaScript must still load before the page can be shown. In other words, it will continue to influence your Core Web Vital scores regarding JavaScript execution time, transfer sizes, etc.<\/p>\n<p>Delay completely eliminates JavaScript from the waterfall\/page load. If you do a speed test, it will look as if the scripts do not exist. Instead of loading on page load, they load when the user interacts with the page (moving mouse, scrolling, timer, etc.) This boosts your Core Web Vital scores and enhances your first content paint (FCP). However JS delay should be done carefully, so that not to break a page ( for example when delaying the script responsible for rendering (not rotating) top slider in the page). <\/div>\n<\/div>\n\n<div class=\"faq-shortcode\">\n    <p class=\"faq_title\">How do I minimize main thread work in Elementor?<\/p>\n    <div class=\"faq_content\">\n<p><span style=\"font-weight: 400;\">There are two ways to minimize main thread work in Elementor.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The first way is by using 10Web Booster, which is a free plugin available for download from WordPress.org. It automatically applies various optimizations, including critical CSS, JS delay, font swapping, lazy loading, and more. The free version of the plugin includes all of these optimizations for up to 6 pages of a website, while the pro version unlocks them for all pages.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The second way is by using an experimental feature in Elementor called <a href=\"https:\/\/elementor.com\/help\/what-are-performance-experiments\/\"><span>Performance Experiments<\/span><\/a>. This feature allows you to test new performance optimizations that are not yet officially released. However, it is important to be careful when using this feature, as it may cause unexpected issues or conflicts with other plugins or features. If you choose to use Performance Experiments, make sure to thoroughly test your website and monitor its performance before and after applying the changes. <\/span><span style=\"color: #292929; font-size: 20px;\"><\/div>\n<\/div>\n<\/span><\/li>\n<\/ul>\n<p>\r\n<style>\r\n  #ctablocks_scrollbox-with-icon_93{\r\n            color: #ffffff;\r\n    border-radius: 6px;\r\n  }\r\n\r\n  #ctablocks_scrollbox-with-icon_93 p{\r\n    color: #ffffff;\r\n  }\r\n  #ctablocks_scrollbox-with-icon_93 .button{\r\n          background-color: #3339F1;\r\n        color: #ffffff;\r\n    border-color: #3339F1 !important;\r\n  }\r\n  #ctablocks_scrollbox-with-icon_93 .button:hover{\r\n    background: rgba(51,57,241,0.8);\r\n    color: #ffffff;\r\n    opacity: 1;\r\n  }\r\n  #ctablocks_scrollbox-with-icon_93.ctablocks_container {\r\n    left: 100%;\r\n  }\r\n  @media screen and (max-width: 1300px) {\r\n      #ctablocks_scrollbox-with-icon_93.ctablocks_container {\r\n          left: 0;\r\n          margin: 0 auto;\r\n      }\r\n  }\r\n  #ctablocks_scrollbox-with-icon_93 .ctablocks_content {\r\n      background-color: #000000;\r\n  }\r\n<\/style>\r\n<div id=\"ctablocks_scrollbox-with-icon_93\" class=\"ctablocks_container scrollbox-with-icon_type\r\n      \">\r\n\r\n  <div class=\"ctablocks_content clear\">\r\n    <div class=\"ctablocks_content_info\">\r\n              <h4>Want to speed up your website instantly?<\/h4>\r\n        <h4 class=\"mobile-title\">Speed up your website automatically<\/h4>\r\n              <p>Get 90+ PageSpeed Score automatically with 10Web Booster.\r\nOn any hosting!<\/p>\r\n          <\/div>\r\n    <div class=\"ctablocks_content_button\">\r\n              <a href=\"https:\/\/10web.io\/page-speed-booster\/\" class=\"button\"  data-gtag=\"cta-93\" data-buttontype=\"cta-scrollbox-with-icon\"\r\n\t        >Try for Free<\/a>\r\n            \r\n    <\/div>\r\n  <\/div>\r\n    <span class=\"close_ctablocks\">\r\n      <img decoding=\"async\" class=\"close-icon\" src=\"https:\/\/10web.io\/blog\/wp-content\/plugins\/cta-blocks\/assets\/images\/close_w.svg\" class=\"close\">\r\n      <img decoding=\"async\" class=\"floating-icon\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/Booster_White_Small.png\" alt=\"Want to speed up your website instantly?\" title=\"Want to speed up your website instantly?\">\r\n<!--      <img decoding=\"async\" class=\"arrow-icon white\" src=\"\/cta-blocks\/assets\/images\/arrow-icon.svg\" class=\"close\">\r\n-->      <img decoding=\"async\" class=\"arrow-icon purple\" src=\"https:\/\/10web.io\/blog\/wp-content\/plugins\/cta-blocks\/assets\/images\/arrow-icon-purple.svg\" class=\"close\">\r\n  <\/span>\r\n<\/div>\r\n<br \/>\n\r\n<style>\r\n    #ctablocks_exit_intent_104 {\r\n     color: #000000;\r\n        border-radius: 0px;\r\n    }\r\n\r\n    #ctablocks_exit_intent_104 p {\r\n        color: #000000;\r\n    }\r\n\r\n    #ctablocks_exit_intent_104 .button {\r\n     background-color: rgb(0,0,0);\r\n     color: #ffffff;\r\n        border-color: #000000 !important;\r\n    }\r\n\r\n    #ctablocks_exit_intent_104 .button:hover {\r\n        background: rgb(51,51,51);\r\n        color: #ffffff;\r\n        opacity: 1;\r\n    }\r\n\r\n    @media screen and (max-width: 1260px) {\r\n        #ctablocks_exit_intent_104.ctablocks_container {\r\n            left: 0;\r\n            margin: 0 auto;\r\n        }\r\n    }\r\n\r\n    #ctablocks_exit_intent_104 .ctablocks_content {\r\n        background-color: #ffffff;\r\n    }\r\n<\/style>\r\n<div id=\"ctablocks_exit_intent_104\" class=\"ctablocks_container exit_intent_type\">\r\n    <div class=\"ctablocks_inner\">\r\n        <div class=\"ctablocks_content clear\">\r\n            <div class=\"ctablocks_content_info\">\r\n\t\t        \t\t                            <h4>Speed up your website instantly<\/h4>\r\n                    <h4 class=\"mobile-title\">Speed up your website instantly<\/h4>\r\n\t\t        \t\t                            <ul>\r\n\t\t\t\t                                    <li>\r\n                                <img decoding=\"async\" class=\"img_cta_button\" src=\"https:\/\/10web.io\/blog\/wp-content\/plugins\/cta-blocks\/assets\/images\/checkmark.svg\"\r\n                                      alt=\"checkmark\">\r\n\t\t\t\t\t\t        Automatically get 90+ PageSpeed score                            <\/li>\r\n\t\t\t\t                                    <li>\r\n                                <img decoding=\"async\" class=\"img_cta_button\" src=\"https:\/\/10web.io\/blog\/wp-content\/plugins\/cta-blocks\/assets\/images\/checkmark.svg\"\r\n                                      alt=\"checkmark\">\r\n\t\t\t\t\t\t        Experience full website caching                            <\/li>\r\n\t\t\t\t                                    <li>\r\n                                <img decoding=\"async\" class=\"img_cta_button\" src=\"https:\/\/10web.io\/blog\/wp-content\/plugins\/cta-blocks\/assets\/images\/checkmark.svg\"\r\n                                      alt=\"checkmark\">\r\n\t\t\t\t\t\t        Pass Core Web Vitals with ease                            <\/li>\r\n\t\t\t\t                            <\/ul>\r\n\t\t                    <\/div>\r\n            <div class=\"ctablocks_content_button\">\r\n\t\t\t\t                    <a href=\"https:\/\/10web.io\/page-speed-booster\/\"\r\n                       class=\"button\" data-gtag=\"cta-104\"\r\n                       data-buttontype=\"cta-exit_intent\"\r\n\t                    >Try For Free<\/a>\r\n\t\t\t\t\t\t\t\t\r\n            <\/div>\r\n        <\/div>\r\n\t\t            <div class=\"ctablocks_img\">\r\n                <span class=\"close_ctablocks\">\r\n                  <img decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/plugins\/cta-blocks\/assets\/images\/close_img_new.svg\" class=\"close\">\r\n                <\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/simplify_WP.png\" alt=\"Speed up your website instantly\"\r\n                     title=\"Speed up your website instantly\">\r\n            <\/div>\r\n\t\t    <\/div>\r\n<\/div>\r\n\r\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you looking for ways to improve the performance of your web application? A crucial step is to minimize main thread work when running performance tests since this is one of the recommendations of PageSpeed. On the client side, the performance of a webpage is often determined by how fast the browser processes and renders HTML, CSS, and JavaScript code&#8230;<\/p>\n","protected":false},"author":11,"featured_media":20109,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"two_page_speed":[],"footnotes":"","tenweb_blog_toc":"<ul><li><a href=\"#what-is-the-main-thread-work\">What Is the Main Thread Work?<\/a><li><a href=\"#how-to-read-google-pagespeed-insights-report-on-main-thread-work\">How to Read Google PageSpeed Insights' Report on Main Thread Work?<\/a><li><a href=\"#how-to-fix-the-minimize-main-thread-work-issue-on-wordpress\">How to Fix the \u201cMinimize Main Thread Work\u201d Issue on WordPress?<\/a><ul><li><a href=\"#fix-manually\">Fix Manually<\/a><li><a href=\"#fix-with-a-wordpress-plugin\">Fix With a WordPress Plugin<\/a><\/li><\/ul><li><a href=\"#conclusion\">Conclusion<\/a><li><a href=\"#faq\">FAQ<\/a><\/li><\/ul>","tenweb_blog_competitor_type":"","tenweb_blog_competitor_names":"","tenweb_blog_twb_version":0,"tenweb_blog_type":"on"},"categories":[465],"tags":[203,439],"class_list":["post-20108","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-speed","tag-website-speed","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.0 (Yoast SEO v23.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>6 Tips to Minimize Main Thread Work on WordPress - 10Web<\/title>\n<meta name=\"description\" content=\"Are you looking for ways to boost the performance of your WordPress website? A crucial step is to minimize main thread work.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/10web.io\/blog\/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=\"6 Tips to Minimize Main Thread Work on WordPress\" \/>\n<meta property=\"og:description\" content=\"Are you looking for ways to boost the performance of your WordPress website? A crucial step is to minimize main thread work.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/10web.io\/blog\/minimize-main-thread-work\/\" \/>\n<meta property=\"og:site_name\" content=\"10Web - Build &amp; Host Your WordPress Website\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/10Web.io\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-02-24T12:13:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-25T18:55:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/Minimize-Main-Thread-Work.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1484\" \/>\n\t<meta property=\"og:image:height\" content=\"832\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Tigran Nazaryan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@10Web_io\" \/>\n<meta name=\"twitter:site\" content=\"@10Web_io\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tigran Nazaryan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"6 Tips to Minimize Main Thread Work on WordPress - 10Web","description":"Are you looking for ways to boost the performance of your WordPress website? A crucial step is to minimize main thread work.","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:\/\/10web.io\/blog\/minimize-main-thread-work\/","og_locale":"en_US","og_type":"article","og_title":"6 Tips to Minimize Main Thread Work on WordPress","og_description":"Are you looking for ways to boost the performance of your WordPress website? A crucial step is to minimize main thread work.","og_url":"https:\/\/10web.io\/blog\/minimize-main-thread-work\/","og_site_name":"10Web - Build &amp; Host Your WordPress Website","article_publisher":"https:\/\/www.facebook.com\/10Web.io\/","article_published_time":"2023-02-24T12:13:04+00:00","article_modified_time":"2026-02-25T18:55:45+00:00","og_image":[{"width":1484,"height":832,"url":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/Minimize-Main-Thread-Work.png","type":"image\/png"}],"author":"Tigran Nazaryan","twitter_card":"summary_large_image","twitter_creator":"@10Web_io","twitter_site":"@10Web_io","twitter_misc":{"Written by":"Tigran Nazaryan","Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/10web.io\/blog\/minimize-main-thread-work\/#article","isPartOf":{"@id":"https:\/\/10web.io\/blog\/minimize-main-thread-work\/"},"author":{"name":"Tigran Nazaryan","@id":"https:\/\/10web.io\/blog\/#\/schema\/person\/9466e64f67fc213397b384bbe3af3bd0"},"headline":"6 Tips to Minimize Main Thread Work on WordPress","datePublished":"2023-02-24T12:13:04+00:00","dateModified":"2026-02-25T18:55:45+00:00","mainEntityOfPage":{"@id":"https:\/\/10web.io\/blog\/minimize-main-thread-work\/"},"wordCount":3082,"commentCount":0,"publisher":{"@id":"https:\/\/10web.io\/blog\/#organization"},"image":{"@id":"https:\/\/10web.io\/blog\/minimize-main-thread-work\/#primaryimage"},"thumbnailUrl":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/Minimize-Main-Thread-Work.png","keywords":["website speed","wordpress"],"articleSection":["Page Speed"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/10web.io\/blog\/minimize-main-thread-work\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/10web.io\/blog\/minimize-main-thread-work\/","url":"https:\/\/10web.io\/blog\/minimize-main-thread-work\/","name":"6 Tips to Minimize Main Thread Work on WordPress - 10Web","isPartOf":{"@id":"https:\/\/10web.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/10web.io\/blog\/minimize-main-thread-work\/#primaryimage"},"image":{"@id":"https:\/\/10web.io\/blog\/minimize-main-thread-work\/#primaryimage"},"thumbnailUrl":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/Minimize-Main-Thread-Work.png","datePublished":"2023-02-24T12:13:04+00:00","dateModified":"2026-02-25T18:55:45+00:00","description":"Are you looking for ways to boost the performance of your WordPress website? A crucial step is to minimize main thread work.","breadcrumb":{"@id":"https:\/\/10web.io\/blog\/minimize-main-thread-work\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/10web.io\/blog\/minimize-main-thread-work\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/10web.io\/blog\/minimize-main-thread-work\/#primaryimage","url":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/Minimize-Main-Thread-Work.png","contentUrl":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2023\/02\/Minimize-Main-Thread-Work.png","width":1484,"height":832,"caption":"Minimize Main Thread Work"},{"@type":"BreadcrumbList","@id":"https:\/\/10web.io\/blog\/minimize-main-thread-work\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/10web.io\/blog\/"},{"@type":"ListItem","position":2,"name":"6 Tips to Minimize Main Thread Work on WordPress"}]},{"@type":"WebSite","@id":"https:\/\/10web.io\/blog\/#website","url":"https:\/\/10web.io\/blog\/","name":"10Web Blog - Build & Host Your WordPress Website","description":"10Web is an All-in-One Website Building Platform, offering Managed WordPress Hosting on Google Cloud, Beautiful Templates, Premium Plugins and Services.","publisher":{"@id":"https:\/\/10web.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/10web.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/10web.io\/blog\/#organization","name":"10Web","url":"https:\/\/10web.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/10web.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2025\/04\/Logo-768x686-1.png","contentUrl":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2025\/04\/Logo-768x686-1.png","width":768,"height":686,"caption":"10Web"},"image":{"@id":"https:\/\/10web.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/10Web.io\/","https:\/\/x.com\/10Web_io","https:\/\/www.instagram.com\/10web.io\/","https:\/\/www.linkedin.com\/company\/10web\/mycompany\/","https:\/\/www.youtube.com\/c\/10Web"]},{"@type":"Person","@id":"https:\/\/10web.io\/blog\/#\/schema\/person\/9466e64f67fc213397b384bbe3af3bd0","name":"Tigran Nazaryan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/10web.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ce2393558e7591a237212f11acac58fb?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ce2393558e7591a237212f11acac58fb?s=96&d=mm&r=g","caption":"Tigran Nazaryan"},"description":"Tigran Nazaryan is an experienced science and technology professional. After seeing great potential in the automation of web development, he co-founded and became CInO of 10Web. Tigran is passionate about creating solutions to bring AI automation into web development and turning great ideas into powerful technological achievements.","sameAs":["https:\/\/www.linkedin.com\/in\/tnazaryan\/"],"url":"https:\/\/10web.io\/blog\/author\/tigran\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/posts\/20108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/comments?post=20108"}],"version-history":[{"count":0,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/posts\/20108\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/media\/20109"}],"wp:attachment":[{"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/media?parent=20108"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/categories?post=20108"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/tags?post=20108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}