Have you ever finished creating a WordPress website and loved everything? So you quickly started hating it after realizing it takes forever to charge? Slow loading speeds are not only a hassle for you and your visitors, but they can also cost you significantly when it comes to SEO. Since 2010, Google algorithms took into account upload speed in sorting decisions, so slow pages appear lower in the results pages. You may be familiar with the common culprits for poor page performance: excessive content, uncompressed image files, insufficient hosting, and lack of caching, to name a few. But, there is another perpetrator at play that is often overlooked: processing blocking resources.
1. Identify the resources that are blocking processing.
Before making any changes, you must first locate the render blocking resources. The best way to do this is with a free online speed test like Google PageSpeed Insights tool. Paste your site URL and click Analyze. When the scan is complete, Google assigns your website an aggregate speed score, from 0 (slowest) to 100 (fastest). A score in the range of 50 to 80 is average, so you will want to land at the top of this range or above it. To identify the files that are blocking rendering and slowing down your page, scroll down to Opportunities, then open the Delete Resources Blocking Processing accordion.
You will see a list of files that slow down the “first paint” of your page; These files affect the loading time of all the content that appears in the browser window at the initial page load. This is also called “top half of page” content. Make a note of files that end with the .css and .js extensions, as these are the ones you’ll want to focus on.
2. Remove the rendering-blocking resources manually or with a plug-in.
Now that you have identified the problem, there are two ways to fix it in WordPress: manually or with a plugin. We will cover the plugin solution first. Various WordPress plugins can reduce the effect of render blocking resources on WordPress websites. I will cover two popular solutions, Autoptimize and W3 Total Cache.
How to remove resources blocking rendering with the Autoptimize plugin
How to remove resources blocking processing with the W3 Total Cache plugin