Here’s why it’s crucial to tackle the unused CSS issues and fix them.Īs an additional performance benefit, removing unused CSS will reduce the number of HTTP requests and give another boost to your site speed. On top of that, Largest Contentful Paint is also one of the Core Web Vitals, and it may also affect SEO performance. LCP and TBT will have a total of 55% weight on the PSI grade. What’s more, the upcoming change in Lighthouse v8 will make Total Blocking Time even more critical - TBT will account for 30%. Unused CSS affects loading time and specific metrics such as the Largest Contentful Paint (LCP) and the Total Blocking Time (TBT).īoth LCP and TBT play a crucial role in the PageSpeed Insights score: each of them holds 25% of the final PSI score. That’s also why you should remove or reduce all the unused files that slow down the site and don’t provide a good user experience.Īnd there’s more. A fast rendering means that the most relevant content will be displayed fast, and users can start interacting with the page quickly. This is especially true for the CSS above the fold - that’s the essential content on the page, and it should be rendered as fast as possible. If they’re on the page, the browser has to download, parse, and render them - and it takes some time.
The page will be displayed correctly above and below the fold.Īt the same time, unused CSS affects the page’s loading time. If you remove all of them, nothing will happen. Unused CSS are stylesheets completely useless for rendering and loading the page - yet, they’re included in the page’s code. What Unused CSS is and Why It Makes Your Site Slower
In this article, you’ll learn what unused CSS means and how you can remove or reduce it and optimize your site for speed and performance - manually and with a plugin. In plain English, it means that some CSS files affect your site loading time - and you should address the issue to improve speed.
You’ll then read the PSI explanation: “Remove dead rules from stylesheets and defer the loading of CSS not used for above-the-fold content to reduce unnecessary bytes consumed by network activity.” “Remove unused CSS” (or the latest: “Reduce unused CSS”) is one of the PageSpeed Insights recommendations you’ll likely get when testing your site speed.
0 kommentar(er)
