Hi @miketica, thanks for the report. The issue should not be related to Webp but related to page cache, I also can reproduce it on Chrome. Please correct me if it’s wrong.
May I know is that popup a widget or a shortcode?
It is a widget.
Not sure what’s going on with Chrome, it works for me on Chrome in incognito and on Blisk with the cache turned off.
Thanks.
Thrive Leads team is saying that the issue is created by Webp for the pop-up image:
“The issue is caused by the fact that you are using image file format .WebP”
They also provide instructions on how to exclude Thrive Leads:
“You can exclude Thrive Leads using query strings. You can add the query string *tve=true* in Do Not Cache Query Strings.
You can also exclude Thrive Leads resources by using the relative path.
/wp-content/plugins/thrive-leads/(.*).js
/wp-content/plugins/thrive-leads/(.*).css
and add this in Do Not Cache URIs.”
Ok, according to their instruction, please try to, set Litespeed Cache Settings > Media > Image WebP Replacement
to [OFF].
For excluding Thrive Leads using query strings, I think this is for editor mode, but your issue isn’t related to editor mode, right?
Currently, those JS and CSS have loaded on the page, so do not need to exclude anything about this.
Ok, I’ve done that and it works.
I tried to avoid this solution since it turns off Webp for the whole website and it is one more Litespeed Cache feature that I cannot use.
It might have something to do with their image paths. When I switched a website to https, I had to manually replace the path from http to https for their lightbox in the editor – SSL plugins that replaced everything else did not work for Thrive Leads.
Regarding Thrive Leads exclusions – usually when enabling Cache plugins (and especially minification/concatenation) for a website, there are just a couple of plugins that give me the most trouble. This is the case with Thrive Leads (+ Cube Portfolio + Max Mega Menu) for this particular website. Even though the plugins themselves do their job well, developer don’t give a second thought to putting together documentation on how to avoid this kind of issues, what to exclude and how. I’ve tried using the Blue Button Chrome extension to generate JS and CSS file lists prior to optimization, with mixed success.
So, long story short, I pointed this out to the Thrive Leads team and they obliged. Not sure if the exclusions are just for the editor mode?
Thanks.
Thanks for the update, please try to install https://github.com/stanleybz/lscache_wp/commit/bb5c80882efa086a9fb1852c0c298dbaa7fa985a on LiteSpeed Cache > Debug Log
page, I’ve added bypass function for Thrive Builder by detecting the query string tve
.
Hi @miketica, sorry for the mistake the above commit cannot install directly by our plugin. Please download the zip from the same commit and install directly on WordPress plugin installer.
Ok, thanks for the quick solution.
It does not install directly on the WordPress plugin installer. The zip file has another litespeed-cache.zip file. Should I delete the existing installation and replace it with this one? Will the settings stay the same?
You can directly use the zip litespeed-cache.zip
on Plugin > Add New > Upload Plugin
.
Thanks, but let me repeat my question:
Do I need to delete the existing installation; will the settings save?
“Installing Plugin from uploaded file: litespeed-cache.zip
Unpacking the package…
Installing the plugin…
Destination folder already exists. /home/*********/public_html/wp-content/plugins/litespeed-cache/
Plugin installation failed.”
Plugin Support
qtwrk
(@qtwrk)
Hi,
Please either directly upload the zip in file manager and then unzip it there , or export current setting , uninstall and reinstall it.
Best regards,