Web P images

You should create WPSC plugin which can create separate cache file (wp-cache instead of super-cache file in this case) based on request headers. Also, you should set “Simple” instead of “Expert” delivery method.

Regarding to WPSC plugin, you need to add cache action (filter) wp_cache_key which should be unique ‘key’ for cache file. Something like this:

add_cacheaction( 'wp_cache_key', 'my_webp_key' );

function my_webp_key( $key ) {
	if ( isset($_SERVER['HTTP_ACCEPT']) && $_SERVER['HTTP_ACCEPT'] === 'blablabla' ) {
		$key .= 'blablabla';
		$super_cache_enabled = false; // Use wp-cache file.
	}

	return $key;
}

It can’t be added in plugins or theme because it should be executed early before loading plugins. You can read more on https://odd.blog/2017/10/25/writing-wp-super-cache-plugins/.

Thanks for the quick reply! That has sorted it.

jab2870 – does that mean you’ve written a plugin that will display the webp version of an image on supported browsers and work with WP Supercache Plugin? That is something I am looking for. Please let me know if it is publicly available.

Hi Starvoters1,

I am working on such a plugin. It is not publically available yet although I hope it will be soon.

I am currently in the testing phases before I publish it.