[Support request] Lightweight Social Icons Disappear When Litespeed Cache enabled

[troyw]

Hi team,

In the footer of my website, I am using your ‘Lightweight Social Icons’ widget. This works fine until I use Litespeed Cache.
Having had similar issues in the past, I know the process of elimination recommended by Litespeed very well.
Firstly, I have isolated the cause, which is when I activate the Litespeed CSS Setting ‘CSS Combine External and Inline’

Once I activate this, the Social Icons vanish.

As per this link I have identified the css and excluded it in Litespeed Cache Tuning, however, this does not work.
Even with the excluded CSS, the icons still do not reappear?

Any idea?
Thanks

[Elvin]

Hi there,

Have you sorted this out? It seems to be appearing properly on my end. Cache seemed enabled.
https://share.getcloudapp.com/KouZrlZZ

Let us know.

[troyw]

Hey Elvin,

No, I just turned off the ‘CSS Combine External and Inline’ in Litespeed Cache.
I will turn it on again now so you can see how the Social Icons vanish.

[Elvin]

Thanks.

I’ve inspected the site and it seems like Litespeed Cache omitted some CSS as some pseudo elements are gone from the site.

Try excluding LSI plugin files from being merged:
https://docs.litespeedtech.com/lscache/lscwp/ts-optimize/

Try excluding plugin files like /wp-content/plugins/lightweight-social-icons/css/style-min.css?ver=1.1.

Example: https://share.getcloudapp.com/jkueZmgy

[troyw]

Thanks Elvin, that has kind of worked, however I have lost the blue backgrounds to the icons.

[Elvin]

That’s most likely because the caching plugin is taking the inline embedded CSS as well.

Lightweight social icon plugin adds inline CSS as well – <style id='lsi-style-inline-css'>.

I’m not exactly sure how Litespeed Cache excludes inline CSS. You may have to ask Litespeed Cache support on how to do this.

[Author]

Posts