• Resolved miketica

    (@miketica)


    Hi,

    Safari is being served Webp versions of the images for an Ajax popup (Thrive Leads). I have contacted Thrive Leads support and they directed me to contact Litespeed support.

    The poup is triggered by exit intent and it does not appear for a while after being closed. Please use incognito mode to test and clear cache.

    Cloudflare is enabled, but the issue was occurring before getting Cloudflare Pro.

    Report LTXLLQMO

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • stanley@litespeed

    (@stanleylitespeed)

    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?

    Thread Starter miketica

    (@miketica)

    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.

    Thread Starter miketica

    (@miketica)

    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.

    stanley@litespeed

    (@stanleylitespeed)

    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.

    Thread Starter miketica

    (@miketica)

    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.

    Thread Starter miketica

    (@miketica)

    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.

    Thread Starter miketica

    (@miketica)

    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,

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Safari Webp’ is closed to new replies.