๐Ÿ”’ EXCLUSIVE: Support/w total cache/pagespeed tests/webp - Collection

Last updated on
A clamp on a table showing compression

๐Ÿ”’ EXCLUSIVE: Support/w total cache/pagespeed tests/webp - Collection

In this Google PageSpeed Experiment, we’re testing W3 Total Cache’s WebP Converter tool to understand it’s impact on website performance.

Enable WebP conversion option

Our goal is to assess how this specific feature influences website speed.

Control Website

For our control website, we created a brand new WordPress installation and made no changes to the default options. There are no active plugins and we are using the default Twenty Twenty-Four theme.

For our test we uploaded and added 6 images to the sample “Hello World” post.

Control Website: https://wordpress-speed-test.com/041524_site1/2024/04/15/hello-world/

Experimental Website

On our experimental website we installed another brand new WordPress site making no changes to the plugins or theme, and we added the same 6 images to the “Hello World” post.

We also installed W3 Total Cache Pro, enabled the WebP Converter extension, and converted the 6 images to WebP format.

Experimental Website: https://wordpress-speed-test.com/041524_site2/2024/04/15/hello-world/

+9 Points

In this test, using WebP images added 9 points to the Google PageSpeed score! Read the documentation to learn how you can convert your images to WebP.

Upgrade to W3 Total Cache Pro and improve your PageSpeed Scores today!

Audit: Google PageSpeed Score
Before: 84.67
After: 93.83

Experimental Website Changes

WebP images can provide significant savings in terms of file size compared to JPEG and PNG, leading to faster website loading times and reduced bandwidth usage.

On our Experimental site we activated the WebP Converter tool and allowed it to auto-convert all of the images in our media library. The screenshot below shows the media library and the file size reduction on each image.

As you can see, we were easily able to reduce the size of our media files by 65% on average.

This significant reduction of file size might raise questions about how this affects the image quality. According to Google WebP typically achieves an average of 30% more compression than JPEG and JPEG 2000, without loss of image quality. With this and our average of 65% reduction in mind, we did a side by side comparison between on of our test images on our control site and the converted version of the same image on our experimental site. We found that the converted image was much smaller and loaded faster with no change in quality.

webp image vs jpg image size

How the test was run

We conducted six tests on each website using the Google PageSpeed test and averaged all the scores.

Test results

Desktop Mobile

Performance

Performance score

Standard siteW3TC OptimizedDifference
89.3397.83 +8.5 +9.51%

Points per Metrics

First Contentful Paint

Standard siteW3TC OptimizedDifference
7.17 points9.5 points +2.33 points +32.56%

Largest Contentful Paint

Standard siteW3TC OptimizedDifference
18.17 points23.5 points +5.33 points +29.36%

Total Blocking Time

Standard siteW3TC OptimizedDifference
30 points30 points 0 points 0%
No change.

Cumulative Layout Shift

Standard siteW3TC OptimizedDifference
25 points25 points 0 points 0%
No change.

Speed Index

Standard siteW3TC OptimizedDifference
9 points10 points +1 points +11.11%

Metrics

First Contentful Paint

Standard siteW3TC OptimizedDifference
1.22 s0.73 s -0.48 s -39.73%

Largest Contentful Paint

Standard siteW3TC OptimizedDifference
1.7 s0.95 s -0.75 s -44.12%

Total Blocking Time

Standard siteW3TC OptimizedDifference
0 ms0 ms 0 ms
No change.

Cumulative Layout Shift

Standard siteW3TC OptimizedDifference
0.010.01 0 0%
No change.

Speed Index

Standard siteW3TC OptimizedDifference
1.25 s0.78 s -0.47 s -37.33%

Diagnostics

Largest Contentful Paint element

Standard siteW3TC OptimizedDifference
1701.67 ms961.67 ms -740 ms -43.49%

Potential savings from render-blocking resources

Standard siteW3TC OptimizedDifference
478.33 ms276.67 ms -201.67 ms -42.16%

Potential savings by serving images in next-gen format

Standard siteW3TC Optimized
214 KiBPassed audit

Time third-party code blocked the main thread for

Standard siteW3TC OptimizedDifference
0 ms0 ms 0 ms
No change.

Potential savings from unused CSS

Standard siteW3TC Optimized
Passed auditPassed audit

Potential savings from unused JavaScript

Standard siteW3TC Optimized
Passed auditPassed audit

Potential savings if Minifying CSS

Standard siteW3TC Optimized
Passed auditPassed audit

# of static assets without an effecient cache policy

Standard siteW3TC OptimizedDifference
1515 0 0%
No change.

JavaScript execution time

Standard siteW3TC OptimizedDifference
0.02 s0.02 s 0 s 0%
No change.

Main-thread work