Website Speed Test with and without PageSpeed Ninja and Cloudflare APO

Website load time is based on several factors. The server configuration, number of plugins, CDN used, static files, dynamic assets and many others. You can eliminate render blocking JavaScript and CSS above the fold using optimization plugins.

PageSpeed Ninja is one powerful wordpress site speed optimization plugin. It has very few settings and many of them are automated. This gives the website owner not to dwell on the technicalities of optimization rules and concentrate on the content.

The Performance grade score alone will not rank you higher up in the search results. There are different factors like bounce rate, HTTPS security, domain authority, page authority, user experience, manual actions, google core updates and many things.

Also Read – PageSpeed Ninja vs SG Optimizer – Which is the Best WordPress Cache Plugin

To be in-line with other pages for your keyword, you need to be a fast loading site. Since this is one of the core-signal that has been vocalized by Google to be a ranking factor, we presume that slow websites can hinder your rankings.

Though slow web pages can rank higher. It depends on the amount of backlinks and also quality of content. For small and medium business owners, it is better to have a fast site. This way you have a chance to outrank your competitors on speed.

Load Speed Test with PageSpeed Ninja and Cloudflare APO

In order to see the different performance metrics and web vitals using PageSpeed Ninja, we have tested 3 web pages with a lot of images, plugins and minimal resources. Ads slow down the page. So we did not put any ads on the site, to check if we can get the perfect score and web vitals.

The most important addition to this site is the Cloudflare APO. This is a new feature which improves the TTFB values. I did not use the minification features of this CDN service. All the other cache operations were from PageSpeed Ninja.

Also Read – PageSpeed Ninja and Cloudflare APO – Speed Up WordPress Website

GTMetrix is a page speed test tool used to measure loading time, LCP, FCP, CLS and other vital scores. Just like Google PageSpeed Insights, this tool also uses the Lighthouse service. This makes it in par with google website speed tool.

AMP pages were used for mobile. But the free version of GTMetrix does not test on the mobile device. It uses the desktop version of the mobile page. If you purchase the Pro plan, then you can select the mobile testing and premium test locations.

URLGTMetrix GradePerformanceStructure
https://www.wpreviewtips.com/wp-real-estate-pro-plugin-review/A0.991
https://www.wpreviewtips.com/wp-real-estate-pro-plugin-review/amp/A0.91
https://www.wpreviewtips.com/siteground-hosting-review-2019/A0.990.98
https://www.wpreviewtips.com/siteground-hosting-review-2019/amp/A0.951
https://www.wpreviewtips.com/how-to-show-ads-on-amp-pages/A0.990.97
https://www.wpreviewtips.com/how-to-show-ads-on-amp-pages/amp/A0.951
URL LCPTBTCLS
https://www.wpreviewtips.com/wp-real-estate-pro-plugin-review/374ms31ms0.12
https://www.wpreviewtips.com/wp-real-estate-pro-plugin-review/amp/1.5s0ms0.25
https://www.wpreviewtips.com/siteground-hosting-review-2019/0.7s15ms0.06
https://www.wpreviewtips.com/siteground-hosting-review-2019/amp/1.0s0ms0.54
https://www.wpreviewtips.com/how-to-show-ads-on-amp-pages/0.5s1ms0.15
https://www.wpreviewtips.com/how-to-show-ads-on-amp-pages/amp/1.0s0ms0.43
URL FCPSpeed IndexTime to InteractiveTotal Blocking time Page LoadNo. of Images
https://www.wpreviewtips.com/wp-real-estate-pro-plugin-review/374ms491ms455ms31ms0.9s12
https://www.wpreviewtips.com/wp-real-estate-pro-plugin-review/amp/0.9ms1.4s0.9ms0ms2.6s
https://www.wpreviewtips.com/siteground-hosting-review-2019/0.7s0.7s0.7s15ms1.0s16
https://www.wpreviewtips.com/siteground-hosting-review-2019/amp/0.5s0.8s0.5s0ms2.2s
https://www.wpreviewtips.com/how-to-show-ads-on-amp-pages/0.5s0.6s0.7s1ms1.0s15
https://www.wpreviewtips.com/how-to-show-ads-on-amp-pages/amp/420ms0.9s420ms0ms2.0s

Load Speed Test without PageSpeed Ninja and Cloudflare APO

Another site was taken to test the performance of this optimization plugin. This site also had more or less the same number of plugins. AMP plugin was used for mobile pages. In addition to that images were compressed with Smush Pro. For structured data, Schema plugin was enabled.

There were a total number of 18 active plugins. SEO and Rating plugins were used as part of this. This site was also using Cloudflare free plan. But the APO service was not enabled for this site. It was expected that TTFB times would be slower, because of this.

All the 3 pages WITHOUT the TTFB service and cache optimization plugins were showing C GTMetrix grade. The web vitals were also less compared to using the above services. The LCP and CLS web vitals were high when not using the optimization plugin and TTFB cache service.

URLGTMetrix GradePerformanceStructure
https://www.thinkminds.co.uk/best-wordpress-plugins-for-blogs-for-effective-blogging/C0.710.97
https://www.thinkminds.co.uk/best-wordpress-plugins-for-blogs-for-effective-blogging/amp/C0.621
https://www.thinkminds.co.uk/wordpress-security-best-practices/C0.670.98
https://www.thinkminds.co.uk/wordpress-security-best-practices/amp/C0.671
https://www.thinkminds.co.uk/top-10-chrome-extensions-block-ads/C0.690.97
https://www.thinkminds.co.uk/top-10-chrome-extensions-block-ads/amp/C0.71
URL LCPTBTCLS
https://www.thinkminds.co.uk/best-wordpress-plugins-for-blogs-for-effective-blogging/2.0s1ms0.12
https://www.thinkminds.co.uk/best-wordpress-plugins-for-blogs-for-effective-blogging/amp/2.9s0ms0.13
https://www.thinkminds.co.uk/wordpress-security-best-practices/2.3s80ms0.02
https://www.thinkminds.co.uk/wordpress-security-best-practices/amp/2.3s20ms0.23
https://www.thinkminds.co.uk/top-10-chrome-extensions-block-ads/2.2s18ms0
https://www.thinkminds.co.uk/top-10-chrome-extensions-block-ads/amp/2.1s0ms0.1
URL FCPSpeed IndexTime to InteractiveTotal Blocking time Page LoadNo. of Images
https://www.thinkminds.co.uk/best-wordpress-plugins-for-blogs-for-effective-blogging/2.0s2.2s2.4s1ms3.6s12
https://www.thinkminds.co.uk/best-wordpress-plugins-for-blogs-for-effective-blogging/amp/2.1s2.6s2.1s0ms3.5s
https://www.thinkminds.co.uk/wordpress-security-best-practices/2.0s2.4s2.6s80ms3.7s10
https://www.thinkminds.co.uk/wordpress-security-best-practices/amp/2.0s2.2s2.5s20ms3.2s
https://www.thinkminds.co.uk/top-10-chrome-extensions-block-ads/2.2s2.3s2.3s18ms3.3s10
https://www.thinkminds.co.uk/top-10-chrome-extensions-block-ads/amp/2.1s2.1s2.1s0ms3.9s

PageSpeed Ninja and Cloudflare APO Enabled – Web Speed Test

The structure audit in the GTMetrix speed test were successful with PageSpeed Ninja and Cloudflare APO enabled. Even the server response time was great. Though both the sites were hosted on the same shared server of DreamHost plan, this site did not give any errors.

All the 3 pages were loading quick enough when using PageSpeed Ninja and Cloudflare APO service. The GTMetrix grade scores were all A for both desktop and AMP pages.

Desktop Pages

The waterfall model of this speed test shows much quicker TTFB times compared to the other site. This is predominantly because of Cloudflare APO. The initial request time was as quick as 350 to 400ms. This is very fast compared to without using the APO service. We can say that APO was successful in reducing the initial server response times and TTFB.

Since most of the resources were compressed, there was not much of load time from the CSS resources. JavaScript execution was also reduced considerably in the GTMetric test due to minification and GZIP compression. Fonts also did not take much time to load. GeneratePress fonts were also loading quicker.

The number of total requests and page load times were also low when using the PageSpeed Ninja optimization plugin.

Mobile Pages

AMP pages were also good in most of the core web vitals except for CLS. The mobile pages were showing large layout shifts, even without any movable elements. This could be because the test was using the desktop version of AMP pages. The other audit features were good as in the desktop version of the same page.

The initial response time of AMP pages was very quick compared to the desktop pages. It was as low as 90 to 120ms. The GTMetrix speed test did not notify of any CSS resources in the AMP version. The number of JavaScript resources were also low. Most of them were from the AMP elements.

Speed Test Observation without Cloudflare APO and PageSpeed Ninja

Initial server response time was high when the pagespeed plugin was not used. Large layout shifts were low. With usage of free Cloudflare plan, GTMetrix considers the CDN acceptable. Unused CSS and JavaScrpt were removed even without the cache plugin. Static assets were cached with an efficient cache policy. JavaScript execution time and number of DOM elements were low. Network payloads were also not that high.

Desktop Pages

The TTFB times were higher, since Cloudflare APO service was NOT used. The initial request took more than 1 to 1.5 seconds in most of the page loads. Plugin resources like icon images and CSS were also taking around 300 to 500ms. The star rating plugin showed a lot of difference in page loading times. Jquery and some other javascripts were also taking considerable time. Google Fonts were used on this site and were loading at the same time.

HTML resources did not take much time. Most of the CSS were from plugins and stylesheets. Javascript consisted of more than 30 to 40 resources out of the total 60 to 70 resources loaded. GeneratePress theme font file was also taking around 400 to 500ms. Images did not take much time as most of them were compressed using Smush Pro.

Mobile Pages

AMP pages were showing lot less number of resources compared to the desktop pages. The TTFB times were also high when not using the Cloudflare APO.  It was expected that using AMP would reduce the initial server response time. But to the contrary, it was as high as 1.3 to 1.5s.

Most of the other resources were from font files. PageSpeed Ninja did NOT have much effect on the AMP pages. As these mobile pages were already served from Google CDN cache, these were showing considerable less number of CSS and JS resources. The size of the AMP pages were also around 500KB.

These AMP pages without Cloudflare APO and PageSpeed Ninja cache plugins were taking only 100KB more than the other site. But the load time was much quicker with both these cache services enabled. The GTMetrix Test shows considerable speed using the PageSpeed Ninja and Cloudflare APO cache services.

Leave a Comment