G7 Guides
Home » How To Serve Next-Gen WebP Images on WordPress
Page Speed WordPress

How To Serve Next-Gen WebP Images on WordPress

Next-Gen images refers to the latest formats of images such as WebP, JPEG 2000 and JPEG XR. These Next-Gen formats are highly compressible whilst retaining high quality.

To help put things into perspective, we converted a traditional JPEG image to WebP and saw a 90% reduction in the overall size saving us 7.32MB on a single image!

Converting and serving all your images with Next-Gen formats can help significantly improve your overall page load times which can positively impact your SEO performance and your users experience.

How do I serve Next-Gen WebP images on WordPress?

One of the easiest ways to convert your existing images to WebP format and serve them to your users is by using the LiteSpeed plugin which allows you to easily and quickly optimize thousands of existing images into Next-Gen WebP images.

First you need to install the LiteSpeed plugin. Once this is installed and active navigate to the ‘media’ tab as seen below.

Scroll down and ensure the 3 items below are enabled

  • Optimize Automatically
  • Optimize WebP Versions
  • Image WebP Replacement

Save the changes navigate to ‘Image Optimization‘ from the LiteSpeed menu as shown below.

 

Now select ‘Send Optimization Request’, this will start to optimize your images and replace them with next-gen WebP formats. You will need to do this several times until you reach level 3, once you are at level 3 all image optimization will be done manually.

 

Please note this feature only works on LiteSpeed enabled web hosting such as our cloud and managed VPS hosting packages.

 

 

Related posts

What are on-page requests?

George Prodromou

Most impactful change to improving your page load times

George Prodromou

The uploaded file exceeds the upload_max_filesize directive in php.ini.

George Prodromou

2 comments

How to Install LiteSpeed WordPress Plugin - G7 Guides June 22, 2019 at 11:26 am

[…] How To Serve Next-Gen WebP Images on… […]

Reply
Improve your SEO performance with G7 Blaze - G7 Guides June 22, 2019 at 11:31 am

[…] How To Serve Next-Gen WebP Images on… […]

Reply

Leave a Comment