In the meantime, PageSpeed has become an increasingly important ranking factor for Google. No one likes slow sides. Every WordPress Sites has a lot of potential to be much faster. Solutions therefore are especially present in cache plugin like WP Rocket or W3 Total Cache. W3 Total Cache is completely free, but it´s also much more complicated due to the many different settings.
WP Rocket, on the other hand, puts all the right settings together in one click and produces a better result than W3 Total Cache or similar plugins like WP Fastest Cache. In any case, it is well worth the small investment, which is why we also use the WP Rocket plugin for this website. Unlike other cache plugins, it also offers a variety of other functions, such as the cache function, lazyloading of CSS and Java. The following article explains how to optimize WP Rocket for your purposes.
Performance WordPress Plugins comparison
Sooner or later, anyone concerned with WordPress and SEO will stumble on performance or cache plugins. There are many such as W3 Total Cache, WP Super Cache, WP Fastest Cache, Cachify and WP-Rocket just to name a few. Of all those performance plugins, WP-Rocket was the easiest to set up and had the best results. All settings are completely easy and stable. WP Rocket offers the following advantages over other plugins:
- Full database optimization
- Automatically create and preload Critical CSS so that the page is visible much faster to the visitor
- Lazy loading of images and iframe elements
- ECommerce suitable because Woocommerce pages like “shop”, “shopping cart” will never be cached
- Multisite and multilingual suitable
- On every page or blog post you can choose individual Cache, JS and CSS settings.
- All processes work 100% automated with just a few clicks and no knowledge.
Install WP Rocket
The installation of WP-Rocket is very simple just like all other plugins. After you have purchased the plugin from us, you can download the WP-Rocket zip file and upload or install it in your WordPress user area.
Then you can go to this dashboard via Settings> WP Rocket or the upper admin panel:
WP Rocket all settings in overview and test
After installation you will find various useful functions. We have extensively tested these on our own website and present them to you below. Before installing this performance plugin, our PageSpeed results looked like this:
Here you can set the cache settings:
- Mobile cache
Since most sites are responsive or mobile-friendly, you should definitely enable this setting. Otherwise the page will be loaded on a mobile device with the desktop version
- Separate cache for mobile devices
This is required only if the mobile version has a different function than the desktop version.
- Separate cache for mobile devices
- Personalized cache
If the feature is not enabled, all pages for logged in WordPress users will not be cached. This should also be left here. Unless you use any member plugins like BuddyPress.
- Cache duration
Here you can set how long the cache should be stored and when it should be deleted. The WP Rocket Standard is already set to 10 hours, so you do not have to do anything else.
The settings for the Optimizations file, which WP-Rocket brings with it, lead to significant load time improvements.
- Minify HTML
This setting should be activated in any case, since this compresses the entire HTML file. For example, unnecessary spaces or comments will be removed
- Google fonts
All requests for Google fonts are combined into a single request. This saves time and improve the loading times
- Remove query strings from static resources
Parameters will removed from urls. For example, if the URL is named /style.css?ver=1.0, it will become /style.css. This only improves test result of e. g. GMetrix
- Minify CSS
CSS files are compressed by removing comments and spaces, just like HTML.
- Summarize CSS
A web page has several CSS files. This setting consolidates all these files into a single large file. This greatly reduces database queries. But if your website is running under HTTP / 2 this setting will slower your website. Because with HTTP / 2, many small files are loaded parallel and load faster than a single large file. To know if your website supports HTTP / 2, you must ask your hoster.
- CSS exceptions
If the minification has caused problems on your page, you can specify here which files should not be compressed. Of course, this assumes that you already know which file caused the error.
- Critical CSS
In our opinion this is one of the most important setting of WP-Rocket to improve the loading time. Critical CSS will be automatically generated. So that only the most necessary CSS is preloaded and the rest of the CSS will be only load by interacting with the website. The website renders much faster.
Again, you can combine all the files into one. Just as with CSS, if HTTP / 2 exists, this setting will be slower your website.
LazyLoad is a technique whereby required files are not loaded until they appear in the visible field. This saves a lot of time and ensures a smaller file size. WP Rocket has setting to lazy load images, videos and iframes (e.g. Youtube videos).Since version 3.3, WP Rocket can also load background images delayed.
You should always enable this setting to save database queries. WordPress has its own emojis that are always loaded. However, you can save this, since every browser brings emojis.
This prevents third-party providers from automatically integrating your WordPress content.