Cookie CSS file is blocking page rendering

  • Resolved wabetainfo

    (@wabetainfo)


    8 months, 2 weeks ago

    Hi,
    In these months, I have worked hard to improve the performance of my website. I am now in the final phase of my work, and I have noticed that the CSS file of your plugin is blocking the page rendering.

    1 externally-referenced CSS file is blocking page rendering. By default, references to external CSS files will block the page from rendering while they are fetched and executed. Sometimes these files _should_ block rendering, but can be inlined to avoid additional round-trips while the page is waiting to render. Sometimes, such as with stylesheets that are only used for loading custom fonts, inline or async CSS can greatly improve perceived performance: /wp-content/plugins/gdpr-cookie-compliance/dist/styles/gdpr-main-nf.css?ver=4.15.2

    Do you think it’s possible to do something to mitigate this issue? I thought that we could have two separate styles. The first one is included in the HTML file and is the style for the cookie banner. The second one is placed in a stylesheet and is the style for the cookie settings screen, loading it asynchronously. Honestly, I don’t know if this is the best or final solution, but it’s what I would do. Obviously, you are the developer of the plugin, so you will know best what to do. Thank you for your assistance and dedication you put into the development of your plugin!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Moove Agency

    (@mooveagency)

    Hi @wabetainfo

    Thanks for using our plugins.

    Well done for your page speed scores, based on web core vitals your site reaches the 100% on both mobile and desktop.

    The size of the the CSS files loaded by our plugin has minimal impact to page speed, and could be cached by browser.

    Our plugin CSS file is not dependent to any of third-party plugin / source, and is included using wp_enqueue_style default WordPress function. You can use optimisation plugins like Nitropack, WPRocket, Autoptimize, etc which combines the CSS files into single file or inline them directly.

    Hope this helps.

Viewing 1 replies (of 1 total)
  • The topic ‘Cookie CSS file is blocking page rendering’ is closed to new replies.