Home › Forums › Basel support forum › CSS on Firefox and Opera
CSS on Firefox and Opera
- This topic has 6 replies, 2 voices, and was last updated 4 years, 4 months ago by Artem Temos.
-
AuthorPosts
-
July 1, 2020 at 10:05 am #207761
oleg_dmitrievParticipantHi 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 TemosKeymasterHello,
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_dmitrievParticipantArtem,
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_dmitrievParticipantArtem,
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=0In 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/msfiuCKeIs it possible to load CSS faster for Firefox?
July 2, 2020 at 6:24 am #207988
Artem TemosKeymasterYes, 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_dmitrievParticipantArtem,
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/2826They 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 TemosKeymasterHello,
Thank you very much for notifying us.
Kind Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register