When I have one picture on the main page, it loads quickly, but after adding 3, it takes so long to load.

I have enabled guest cache, disabled ESI but still no change. Even disabling LSCache doesnt fix the problem.

When the plugin is activated; As I posted in the link, the time load goes up a lot for the first time.
Then, after the page is fully loaded once, the desired result is obtained from the second time.

This is also true for Gt metrix tests

What is the reason?

(Translated with the help of Google Translator)

To re-create the problem: Add a product to the cart and proceed to checkout. You will see that the checkout page is mangled – payment card icons oversized etc. Looking at the source I can see that the following are missing:

<link rel=’stylesheet’ id=’stripe_styles-css’ href=’https://www.footprintcoffee.co.uk/footprint/wp-content-fpc/plugins/woocommerce-gateway-stripe/assets/css/stripe-styles.css?ver=4.3.3′ type=’text/css’ media=’all’ />

<script type=”text/javascript” src=”https://js.stripe.com/v3/?ver=3.0″></script>

However – reload the checkout page and the page is fixed. It remains fixed until I empty the cart. But when I add another product to the cart and checkout … same problem.

I’ve tried changing themes and disabling all plugins and the source of the problem appears to by the WordPress Litespeed Cache plugin. When I disable it – all is well.
Any thoughts ?

Thanks in advance ?
Greg

I’m using the Autoptimize plugin, but I’m finding my stylesheet doesn’t load on first load of the website. I have to refresh it to get the CSS to load.

Any ideas what I can do to fix this?

the popup feature of elementor breaks your plugin. In the popup field the search cannot be used. It will not show any ajax results and I cannot press search also.

Any advice?
kind regards,

If I adjust the width of the window, the slider adjusts and displays perfectly.

On first load of my page the Owl Carousel not showing up. After refresh page all is ok. See example: https://tiefenbrunnercom.lvps178-77-72-144.dedicated.hosteurope.de/de/geschichte-und-familie/ (load this Url in a new incognito window)

The problem is present in all browsers. (I use the very popular BeTheme Theme.)

https://www.ads-software.com/plugins/foogallery-owl-carousel-template/

I am a very amateur web designer, who is also very new to CSS, so please be gentle…

I am having a very frustrating issue with Firefox. My website is designed so that when my main menu navigation bar is too long for the screen, it automatically converts into a drop down menu. Naturally, this function is to better serve mobile and tablet devices.

This feature works perfectly on every browser except for Firefox. With Firefox, my main navigation menu bar is converted to drop down menu, even though I am viewing it on a full screened computer, not a tablet or mobile device.

AND, as soon as I refresh the page, it displays just fine. And, as long as I don’t clear my history or cache, it will continue to display just fine.

Not a “huge” deal, but super annoying that new visitors to my site who are using Firefox get this experience as their first experience.

I have studied my CSS code for hours, searched through countless numbers of CSS forums for help, tweaked every bit of code I thought was relevant, and I am completely baffled.

Maybe there is some sort of overstack issue occurring? Maybe not. Who knows – as I say, I am an amateur.

If anyone could look at my code and give me some help, I would be very appreciative.

My website is https://mikerylander.com

Thanks!

PS: This is the first time I’ve not been able to solve a CSS or HTML problem on my own, so hopefully the answer isn’t something ridiculously easy.

I am a very amateur web designer, who is also very new to CSS, so please be gentle…

I am having a very frustrating issue with Firefox. My website is designed so that when my main menu navigation bar is too long for the screen, it automatically converts into a drop down menu. Naturally, this function is to better serve mobile and tablet devices.

This feature works perfectly on every browser except for Firefox. With Firefox, my main navigation menu bar is converted to drop down menu, even though I am viewing it on a full screened computer, not a tablet or mobile device.

AND, as soon as I refresh the page, it displays just fine. And, as long as I don’t clear my history or cache, it will continue to display just fine.

Not a “huge” deal, but super annoying that new visitors to my site who are using Firefox get this experience as their first experience.

I have studied my CSS code for hours, searched through countless numbers of CSS forums for help, tweaked every bit of code I thought was relevant, and I am completely baffled.

Maybe there is some sort of overstack issue occurring? Maybe not. Who knows – as I say, I am an amateur.

If anyone could look at my code and give me some help, I would be very appreciative.

My website is https://mikerylander.com

Thanks!

PS: This is the first time I’ve not been able to solve a CSS or HTML problem on my own, so hopefully the answer isn’t something ridiculously easy.