Webp images and tag not appearing

In the Cache Enabler settings, if the WebP option in the Cache Behavior setting is enabled a separate cached version for WebP support will be created. This will either append the .webp extension to your image(s) or replace the default extension (e.g. .jpg, .jpeg, or .png) to .webp. This only occurs if the WebP formatted image exists. No HTML elements are changed and/or added.

Thanks Corey, but as you can see from this video, I have the setting enabled but there’s no .webp in the source code of either of the two pages listed in the original post.

So my issue remains.

The HTML comment in your page source doesn’t contain webp, which means the WebP version isn’t being delivered. I notice you’re running an older version of Cache Enabler. To troubleshoot this further, what version of WordPress and Cache Enabler do you have? Is your WordPress website happen to be installed in a subdirectory?

Thanks Corey. I’ve just updated to the latest Cache Enabler. My WP is not on a subdirectory. I’m on WP 5.4.2

Thanks for the additional information. This appears to be occurring because there is at least one more cache layer above Cache Enabler, which in the following case is at least Cloudflare:

curl -s -D - -o /dev/null https://starsandcatz.com/learn/music/games/
HTTP/2 200
date: Wed, 09 Sep 2020 04:10:09 GMT
content-type: text/html; charset=UTF-8
set-cookie: __cfduid=da1984604ee28369badaceb4b9f12e7681599624609; expires=Fri, 09-Oct-20 04:10:09 GMT; path=/; domain=.starsandcatz.com; HttpOnly; SameSite=Lax; Secure
x-cache-handler: wp
last-modified: Tue, 08 Sep 2020 08:23:21 GMT
vary: User-Agent
x-nginx-cache-status: MISS
cache-control: max-age=86400
cf-cache-status: HIT
age: 120
cf-request-id: 0512a798a90000796bc4330200000001
expect-ct: max-age=604800, report-uri="https://report-uri.cloudflare.com/cdn-cgi/beacon/expect-ct"
server: cloudflare
cf-ray: 5cfe0ed44f8c796b-SEA

Cache Enabler needs to deliver the page in order to deliver the WebP cached version that is created. Otherwise, any additional caching above Cache Enabler also needs to have the same functionality. This means any layer would need to also cache the HTML page separately based on the Accept: image/webp request header for WebP caching.