Webp support for Avada Fusion Sliders

Can you turn debug log to advanced and see what it says when you load that page?

Snippet from debug log: https://pastebin.com/6HXtWak0

For some reason, it doesn’t find the WebP version of the slider image, unless I read the log wrongly.

The file is there: https://ephemeralenergy.com/various/webp-20180410-1742.png

Any ideas?

Your log helps. We just improved the compatibility for your situation.

Please try this commit:
https://github.com/litespeedtech/lscache_wp/commit/451dd095b1386f8a4034199b34682fba6297f8bf

Thanks, that did help ??

Still two related issues, which I can now describe a bit more.

When I enabled the debugging, I noticed that no debugging appeared in the log for visiting the front page. So none of the slider images there still get served as WebP. However, if I visit any other page, then logs are generated and WebP is served for the slider images.

With respect to the logo. If you look at the complete log entry for a page visit (below), you can see that there’s nothing in it for the 800px retina logo that gets served as a normal PNG in the end. The log picks up the 400px non-retina logo and carries on serving that as WebP.

https://pastebin.com/Xwuab0cM

I don’t know if that helps with the debugging?

Can you clear the log and paste a new one just generated when you do a new visit? I can’t find 800px you mentioned. Can you tell the source?

Well, that’s the thing. There’s nothing in the log about the 800px logo. But that’s what gets served. See this screenshot: https://ephemeralenergy.com/various/webbp-20180410-1942-logo.png

The log only picks up the default (not retina) logo – /uploads/2018/03/ephemeral-energy-logo-wide-cloud-black-RGB-400px.png

If it is from retina_logo_url, it won’t be changed. We didn’t parse that attribute yet

Ok. Any ideas why the front page doesn’t seem to be parsed properly (and doesn’t appear in the debug log)? The slider images that are served as WebP on other pages are served as JPG on the front page, but the other images further down on the front page that are lazy loaded do get served as WebP.

https://ephemeralenergy.com/various/webbp-20180410-2010-frontpage.png

• This reply was modified 6 years, 10 months ago by vengen.

WebP served on the front page as well this morning, after having updated the plugin ??

I don’t know if there was something else included in that plugin update, or if the update process triggered a purge of the cache on the front page that hadn’t happened yesterday evening, though I had purged all, including cloudflare and browser.

Anyway, thank you very much for the quick support and I guess the next update will include parsing of the retina logo attributes ??

retina is done. Even if there is any other specific attributes.

The fix is in https://github.com/litespeedtech/lscache_wp/commit/c9c3b3d56f09ef4d144dd76d96548e9e2b34cd5e

Thank you for the update.

I have done some testing and unfortunately the logo is still served as a PNG, despite the debug log having picked it up and I see log statements about replacements occurring.

https://pastebin.com/dSAK72qn

Any ideas?

Checking your source code, see retina is changed:

<img data-lazyloaded="1" src="https://www.xxx.com/wp-content/uploads/2018/03/ephemeral-energy-logo-wide-cloud-black-RGB-400px.png.webp" data-src="https://www.xxx.com/wp-content/uploads/2018/03/ephemeral-energy-logo-wide-cloud-black-RGB-400px.png.webp" data-srcset="https://www.xxx.com/wp-content/uploads/2018/03/ephemeral-energy-logo-wide-cloud-black-RGB-400px.png 1x, https://www.xxx.com/wp-content/uploads/2018/04/ephemeral-energy-logo-wide-cloud-black-RGB-800px.png 2x" width="400" height="207" style="max-height:207px;height:auto;" alt="Ephemeral Energy Logo" retina_logo_url="https://www.xxx.com/wp-content/uploads/2018/04/ephemeral-energy-logo-wide-cloud-black-RGB-800px.png.webp" class="fusion-standard-logo loaded" srcset="https://www.xxx.com/wp-content/uploads/2018/03/ephemeral-energy-logo-wide-cloud-black-RGB-400px.png 1x, https://www.xxx.com/wp-content/uploads/2018/04/ephemeral-energy-logo-wide-cloud-black-RGB-800px.png 2x" data-was-processed="true">

In your log, ephemeral-energy-logo-wide-cloud-black-RGB-400px.png is searched and replaced twice because you have two in <a class="fusion-logo-link". That is correct.

The issue is srcset is not changed. Need to do more debug to see when generate images in that log’s srcset, it didn’t trigger WP’s wp_calculate_image_srcset hook (All those which go through that hook will be replaced to webp by us).

• This reply was modified 6 years, 10 months ago by Hai Zheng?.

Checked Avada’s code. Found the reason. Their srcset for log is not generated within WP’s stuff but manually did that in includes/class-avada-images.php line 237 get_logo_image_srcset(). Need to work with them to figure out what is a better way to handle this case.

Ok, thank you for investigating and good job locating the issue ??

The compatibility is fixed in https://github.com/litespeedtech/lscache_wp/commit/d8b4aa1efd9c83aa5791b77ef2789523f9479a3d

You can give it a try.