CSS on Firefox and Opera

This topic has 6 replies, 2 voices, and was last updated 3 years, 9 months ago by Artem Temos.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
July 1, 2020 at 10:05 am #207761

oleg_dmitriev
Participant

Hi guys,

Thank you for the very good theme. Can you please help:
I had a developer who modified the Header, to add an HTML block. I think he changed some code with a mistake, now on Firefox and Opera, when you transfer between pages, HTML loads without CSS (see image https://ibb.co/6rzvwBr). https://www.independent.wine/

Can you please give me any suggestions what may be wrong, or tell what is the most likely problem? I cannot uninstall all plugins and kill all modifications, it’s a working shop.

Thank you!

P.S. I tried preloading CSS for Firefox (with <link rel=”stylesheet”…) but it makes no difference.

July 1, 2020 at 11:37 am #207796

Artem Temos
Keymaster

Hello,

The problem is that all CSS files are moved to the footer. So they are loaded only after all content including images are fully loaded. CSS should be always in the <head> to avoid such problems.

Kind Regards

July 1, 2020 at 12:14 pm #207806

oleg_dmitriev
Participant

Artem,
many thanks! it sounds right and I think it’s true, I will check it and let you know!

July 1, 2020 at 6:30 pm #207916

oleg_dmitriev
Participant

Artem,

I checked I do not have any CSS in the footer.php, all are in header.php
footer.php https://www.dropbox.com/s/90wpm5xtco6bbzr/footer.php?dl=0)
header.php https://www.dropbox.com/s/tmrxr6cp44rw1dw/header.php?dl=0

In GTMetrix waterfall for Firefox, I can see that it loads css at the very end, after everything was loaded. See
– screenshot https://ibb.co/kMYWgcm
– GTMEtrix report https://gtmetrix.com/reports/www.independent.wine/msfiuCKe

Is it possible to load CSS faster for Firefox?

July 2, 2020 at 6:24 am #207988

Artem Temos
Keymaster

Yes, but it is moved after all resources by some of the optimizations plugins installed. You need to disable this function in the plugin’s settings.

July 14, 2020 at 10:30 am #210744

oleg_dmitriev
Participant

Artem,

Just an update on the issue for all who use Basel + WP Rocket (since it’s a very popular caching plugin): WP Rocket did confirm they had an issue with Firefox and Opera.
https://github.com/wp-media/wp-rocket/issues/2826

They released an update on 09 July 2020, which solved the issue. Now, cached CSS loads well on Firefox/Opera, as well as on Edge and Chrome.

July 14, 2020 at 11:25 am #210768

Artem Temos
Keymaster

Hello,

Thank you very much for notifying us.

Kind Regards
Author

Posts