Home Forums Basel support forum CSS on Firefox and Opera

CSS on Firefox and Opera

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #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.

    #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

    #207806

    oleg_dmitriev
    Participant

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

    #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?

    #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.

    #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.

    #210768

    Artem Temos
    Keymaster

    Hello,

    Thank you very much for notifying us.

    Kind Regards

Tagged: ,

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