Skip to main content

Performance Bottleneck: main.base.min.css blocking render on WordPress / Brizy Pro

Noah Hielscher

Hi Brizy Team,

I'm currently optimizing my WordPress website (built with Brizy Pro) for mobile performance using Google PageSpeed Insights, and I'm hitting a hard architectural bottleneck regarding the core stylesheet.

The Issue: The global stylesheet main.base.min.css is loaded universally on the page and causes a massive render-blocking delay (costing ~6.5 seconds on mobile simulation). Whenever I attempt to optimize this via standard caching/minification plugins (like Autoptimize) by inlining the CSS or grouping files to bypass the render-blocking, it breaks the layout structures and custom typography classes generated by Brizy.

My Setup:

  • CMS: WordPress

  • Page Builder: Brizy & Brizy Pro

Questions / Feature Request:

  1. Are there recommended best practices or specific plugin configurations to handle main.base.min.css without breaking the layout?

  2. Is there any ongoing effort or roadmap item to introduce per-page CSS generation or critical CSS splitting to reduce this heavy render-blocking payload on WordPress?

Thanks for your help and insights! Best regards, Noah

0

Comments

1 comment

Date Votes
  • Ariel H.

    Hi Noah,

    Thank you for contacting us.

    Could you please provide your website URL so we can inspect your site?

    In the meantime, we recommend the following safe configuration:

    -  Do not combine, reorder, load asynchronously, or automatically remove main.base.min.css.
    -  Exclude Brizy and Brizy Pro CSS files from Autoptimize’s aggregation and removal features.
    -  Avoid enabling CSS Combine in caching or optimization plugins, as combining or reordering CSS can break Brizy layouts and mobile navigation.
    -  Use safer performance optimizations such as page caching, gzip or Brotli compression, long browser caching for static assets, HTTP/2 or HTTP/3, and a CDN.
    -  When using generated critical CSS, carefully test every breakpoint, global block, popup, menu, and typography variation before deploying it.
    -  Purge all caches and recompile the Brizy layouts after updating Brizy or Brizy Pro.
    https://wordpress.org/plugins/layout-recompiler-for-brizy/

    Currently, we cannot confirm a roadmap or estimated release date for further per-page splitting of the shared base stylesheet.

    Best regards,
    Ariel H.

    0

Please sign in to leave a comment.

Didn't find what you were looking for?

Ask a Question