To optimize the page speed for a WordPress site, WP-Rocket is suggested as the best cache plugin. I learnt on Google that it had many good features. In many of the reviews I read, it was giving the best score. I already was using SiteGround (SG) as web hosting.
The magic of SG is it’s default performance boosting plugin called SG Optimizer. I was very satisfied with its results. It supports GZIP compression, Browser caching, Minification of HTML, CSS, JS files, Combine CSS files, Image Optimization, Lazy Load Images etc. I am using CloudFlare free version for CDN along with SiteGround hosting service.
This seriously impacts the mobile traffic. Though I’m using an AMP plugin to better optimize for mobile search results, this factor was well below par.
SG Optimizer caching mechanism does a good job of loading your pages faster.
WordPress plugins used on the Site
Does WP-Rocket Improve Mobile Page Loading Time
- Minimize main thread work
In the original test without WP-Rocket and with SG Optimizer plugin activated without Image Optimization (only Lazy Loading allowed), the mobile page speed was low.
I sent a support request to the WP-Rocket team regarding my problem. I got the following answer.
Arun from WP Rocket here. Thank you for contacting WP Rocket support today.
There are many reasons why mobile is slower.
- The CSS is loaded as render blocking for compatibility with AMP.
- The test is conducted on a mobile device which often has slower processor than a desktop to process the JS and execute them.
If you expand the suggestion you will read the following:
Minimize main-thread work – “Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this.”
JS, once downloaded, has to be “read” and “understood” by the browser (parsed and compiled) and is then executed within the browser. The more JS there is, the more time the browser will need to parse, compile and execute it.
WP Rocket can help reduce the “size” of the JS file through minification, but minification does not reduce the “amount” of JS there is.
To reduce JS execution time you have to remove the JS that is not needed in the page by disabling plugin or theme JS files from loading on the page. This is custom development and cannot be automated by WP Rocket.
Here are few third party plugins that can help you remove unwanted JS from your pages. Please use them with care and consult your developer if you need help.
My Case-Study regarding WP-Rocket and Page Loading Time
I have selected 3 pages to test the efficiency of WP-Rocket + SG Optimizer combination on page load speed.
The pages were of different size having more than 10+ images, from the same website.
#1 Using PageSpeed Insights (Google tool)
Typical test showed the following results of one of the pages.
As mentioned before, there were several red marks in the PageSpeed lab data.
The above is the desktop score which is far better than mobile pagespeed value. Also, the speed factors are good compared to mobile. I don’t know the reason behind this, but desktop looks OK. You can see that except speed index, other factors are green.
#2 Using GTMetrix Page Speed Testing Tool
The PageSpeed Grade was high for all the 3 pages. It was above 90 with an A grade.
The YSlow Grade was showing C grade with a score of around 75.
It shows that all the pages were of size around 600KB.
The fully loaded time took between 2.8s to 3.5s.
The following were some of the parameters with a low grade or score in the PageSpeed test.
1. Leverage browser caching
2. Minimize request size
The YSlow score showed the following deficiences.
1. Add Expire headers
2. Reduce DNS lookups.
3. Use cookie-free domains.
#3 Using Pingdom Page Speed Testing Tool
I also tested the same web pages using Pingdom tools. I used the test server from Germany.
My hosting server was located in United States. So I wanted to check if there will be any huge difference in page loading times, when the server is far.
The pagesize was the same as GTMetrix approximately.
But the load time deferred here, taking only around 1 sec.
The following parameters were required to improve page performance.
1. Make fewer HTTP requests.
2. Compress components with gzip.
3. Use cookie-free domains.
4. Reduce DNS lookups
5. Add Expires headers.
Page Speed Test Results without using WP-Rocket
I have tested the same results after disabling the WP-Review plugin. All the other plugins remained same. I also cleared the Cloudflare cache, SG Optimizer cache and browser (Google Chrome) cache.
The mobile score was between 45 to 50. The desktop score was 85 to 90.
Since WP-Rocket itself emphasizes not to rely much on score than on page loading time, it is not required to seriously consider the score value.
I’m giving the speed details of mobile pages (basically AMP pages on my front) for all the 3 pages tested.
Test Results without WP-Rocket using GTMetrix Tool
Test Results without WP-Rocket using Pingdom Tool
From the above test results, support team answer and reviews from other sites, we can consider that WP-Rocket alone is not the solution for all problems of slow loading websites. Well, if you are using a cheap and discounted host, you might find WP-Rocket useful in improving page load times.
But on a fast and quick host service like SiteGround and with their SG Optimizer plugin enabled, there is not much difference of page speed time. From my experience of using WordPress and other CDNs (Content Delivery Network), I have felt Cloudflare Free version with a few basic changes gives less ping time.
If you really want to have a fast mobile site, then you either should resort to a custom WordPress developer who could make changes to your site or use AMP plugins cache system. Both will require to incur some extra expenditure to make your site mobile-page-speed friendly and improve loading times.