Web pages should load as fast as possible, otherwise visitors become impatient. There are many possibilities, tricks and tips to get slow websites back on track. Unfortunately, one area is often excluded, which is perhaps due to the rather dry name: We are talking about render blocking. Why this is important and how it can be prevented quite easily under WordPress, we will gladly show you in this article.
Render blocking therefore takes place when the the fastest possible loading of the page is prevented.
There are several ways to avoid an unnecessarily slow Prevent loading of the web page. Render blocking is only a part of Puzzles, although a very relevant one. To prevent render blocking there are different approaches under WordPress, which we would like to present to you ...to introduce you.
Important: Depending on the type of WordPress installation, active plug-ins and themes, it may well be possible that one or the other solution is not optimal. That is precisely why we offer various possibilities so that you can find the best solution for your site.
CSS Resources deploy in an optimized manner
- Cascading Style Sheets (CSS) show the browser how the page should be rendered. Here an optimized use is often Worth its weight in gold. It helps to identify them in a first step, which CSS is responsible for the visible area (Above-the-Fold). This Styles should be submitted together with the HTML.
- Link elements should have the media attribute can be provided. In this way, conditional resources are identified that are not are required on all terminals and in all situations.
- All other CSS resources should be asynchronously can be loaded.
WordPress plugins: Prevent Render Blocking
Tip: Before directly installing and activating a plugin a benchmark test should be carried out in order to know exactly what will happen later, whether or not the plugin really did anything. PageSpeed Insights or the Pingdom Website speed test are recommended in this context.
Autoptimize by the developer Frank Goossens is one of the most popular plugins in this area. It is at over one million WP installations and is constantly being further developed.
This simple step should already have taken care of that, that the number of requests to the server when a page is called up clearly was reduced. The number of render blocking resources may also be cases, even if the problem is not entirely eliminated by the use of the will be created in the world. A first and perhaps already last step has already been taken - depending on how well the result is achieved after the use of Autoptimize looks like now.
W3 Total Cache
The popular caching plugin W3 Total Cache uses a different center of gravity, but can also be used to prevent render blocking can be used. However, the use is only recommended if W3 Total cache is already part of the website anyway. To "only" block rendering W3 Total Cache is too large and too extensive.
Tip: PageSpeed Insights and other tools list which files for render blocking. These URLs must then be used even for W3 Total Cache must be entered.
Also with the Plugins Hummingbird good results can be achieved achieve. The extension used to be subject to a fee, but is now free of charge to get. Just like W3 Total Cache, it is a rather extensive plugin that not only prevents render blocking, but also can be used.
The biggest advantage here is that the plugin can search for problems itself. For this purpose the button "Check Files" in the extension's settings is used.
The use of the free JCH Optimize can be downloaded from may also cause render blocking to be prevented - even if the extension does not explicitly mention it anywhere.
Speed booster pack
Finally a short look at the Plugin Speed Booster Pack. It is a rather simple extension, which nevertheless offers many possibilities for individual configuration.
CSS can be loaded asynchronously via another menu, where care must be taken here. It may well happen that the website then is displayed for a short moment without CSS instructions, which is certainly not gives a good picture. In this case the corresponding hook should be be removed.
Although the Speed Booster Pack often offers good results in render blocking, this can sometimes happen, that the requests to the server are increased by the plugin itself. In this In this case an alternative plugin should be used.
To reduce the loading time of the WordPress web page and for Tools like PageSpeed Insights or the Pingdom Website Speed Test better ...just a few minutes might be enough. Depending on... configuration of the website and the active plugins, it can be quite a bit take longer until the desired result is achieved.
Pro versions are in many cases not suitable for render blocking simply not necessary, since the free versions also do a very good job do. The only real advantage is the support, which can be to take care of any problems that may arise or to assist in the removal of render block ...can stand aside.