Bug? > Enqueue in Footer

  • Resolved Generosus

    (@generosus)


    2 years, 10 months ago

    Good Day!

    Your plugin’s feature “Enqueue in Footer” works well under certain conditions. Mainly, when the Position selected for the banner is Bottom.

    However, when we select Top and Enqueue in Footer, your plugin’s CSS file shows up as render-blocking. You can confirm this by running a webpagetest.org test.

    To fix our issue, we added the following code to the header of our website:

    <link rel="preload" href=" https://www.mywebsite.com/wp-content/plugins/wpfront-notification-bar/css/wpfront-notification-bar.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'" />

    The above fix is considered temporary. Also, the fallout from adding the above to our website header is that the file is now loaded on all of our website pages, rather than only those that use your banner.

    Can you kindly look into this and provide a fix at your next convenient plugin revision level?

    Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Swathi S

    (@swathiswpfront)

    Hi @generosus,

    Can you please try testing using the Twenty Twenty-One theme?

    Thanks!

    Thread Starter Generosus

    (@generosus)

    Hi @swathiswpfront,

    Thank you for your reply.

    OK, so we did more testing and determined that our issue was caused at our end.

    Our issue was solved when we removed the following file from “Delayed Scripts” (a feature contained in the plugin, Perfmatters):

    /wpfront-notification-bar.min.js

    Once we removed the above file, the CSS render-blocking issue we had is now fixed.

    Thank you for your time and a great plugin.

    Cheers!

    Thread Starter Generosus

    (@generosus)

    Hi @swathiswpfront,

    Spoke too soon ??

    After performing the above and clearing our cache (thoroughly), everywhere we use your plugin we’re experiencing FOUC. The only way to get rid of it (FOUC) and keep the CSS file from render-blocking was to generate the Critical CSS for those pages.

    Have you (can you) take a look at this again?

    Thank you!

    Plugin Support Swathi S

    (@swathiswpfront)

    Hi,

    We can’t fix FOUC from our end.

    When you get the chance could you please go through the below link:

    https://stackoverflow.com/questions/3221561/eliminate-flash-of-unstyled-content

    I hope this helps!

    Thanks!

    Plugin Support Swathi S

    (@swathiswpfront)

    Resolving due to inactivity. If you have any queries please feel free to get in touch with us.

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Bug? > Enqueue in Footer’ is closed to new replies.