Why are Brizy pages always in Inline CSS?
I have been asked by my SEO Technician (who is NOT a fan of Brizy) to ask why all of the pages are in Inline CSS, which robs us of performance and docks us our SEO score?
Am I setting something up incorrectly when I am building the sites?
And as long as I have your attention, I, myself, have been thoroughly disappointed that the form element was never universally repaired with one of your updates and I have had to go into 60 sites and in multiple pages in each site to manual fix each and every form. Did I say that this was VERY disappointing?
-
Hi Michael,
Thank you for contacting us.
Brizy does not use inline CSS for styling. All styles are compiled into external CSS files for better performance. The file name your SEO technician may have seen (e.g., inline-handle-brizy-asset-1980159408-50-inline-css) refers to dynamically generated styles, but these are still loaded as external stylesheets, not inline styles within the HTML. This approach allows Brizy to optimize and cache styles efficiently.
If your SEO technician has specific concerns, we’d be happy to clarify further.
Regarding the form element, I completely understand how frustrating that must have been. If you're still encountering issues, please let us know—we're always working on improvements based on user feedback.
Best regards,
Ariel H.0 -
Ariel -
Please forgive me if I sound a bit dubious, but please take a look at this image of the page source code of a site built with Elementor:
This code is what is being read by Lighthouse and other resources within search engines, and I how an external stylesheet is going to be sought out by these search engines - it strikes me as a courtesy they are not about to write into their programs. This conundrum is well worth an explanatory video by Demi if I have it wrong, for it becomes a big deal when attempting to optimize sites.
0 -
Hi Michael,
Thank you for the update.
Search engines and tools like Lighthouse can read both internal and external stylesheets, but the way they handle them can affect how fast a site loads.
Brizy uses more internal CSS (not inline), which mean styles load quickly since they’re already in the page. But this can make the HTML file bigger. Elementor, on the other hand, keeps most of its styles in external files, which keeps the HTML smaller. The downside is that the browser has to load those extra files, which takes more HTTP requests.
Search engines do load external stylesheets, so they won’t be ignored. But if there’s too much CSS to load, it can slow things down and hurt performance scores.
If you have any further questions, please let us know.
Best regards,
Ariel H.0 -
Ariel -
I was my mistake to have confused 'internal' stylesheets and external. My apologies for the confusion. This entire conversation was driven by concerns from my young, but brilliant SEO specialist (who has worked with me now for nearly 18 months). He asked me to pass on these final thoughts:
Hi Ariel H.,
Thank you very much for your response. Yes, I was referring to internal CSS.
In my understanding, internal CSS is code written directly within the HTML file (inside the <style> tag). It can be used for small projects, single-page websites, or quick testing.
On the other hand, external CSS is code written in a separate .css file and linked to the HTML file. This approach is ideal for multi-page websites or larger projects because:
It is reusable across multiple pages.
It is easier to maintain and update.
It improves website performance (files can be cached by the browser).For most modern websites, external CSS is the preferred approach as it ensures consistency, simplifies maintenance, and enhances performance. Internal CSS is generally not recommended by search engines for websites, because of this basic rule, as it can negatively impact SEO and overall performance.
I did not find any other modern plugin using internal CSS than brizy. Given that Brizy is a large and widely-used plugin, I believe it should be aware of this basic rule, as search engines favor external CSS for better website optimization.
Thanks, Zee
0 -
Hi Zee,
Thank you for sharing your insights. You're absolutely right—external CSS is generally the preferred approach for better maintainability, performance, and SEO.
Brizy uses internal CSS primarily because of its real-time, drag-and-drop nature. This ensures instant styling updates without relying on external stylesheets, making it more user-friendly for non-technical users. While search engines may prefer external CSS, Brizy is optimized to balance performance and ease of use.
That said, we appreciate your feedback. If you'd like, you can share this suggestion on our ideas and roadmap page for future improvements - https://www.brizy.io/ideas-and-roadmap
Best regards,
Ariel H.0
Please sign in to leave a comment.
Comments
5 comments