How do you optimize WP Bakery to load faster?

I’ve worked with some SEO speacialists, they were fine with Gutenberg, even though they paid me to build the site so I guess it’s a different scenario 🙂

Tests like PageSpeed can help a lot in these scenarios, they will point you to the right direction of what you can do, for example:

– Use a good hosting for WP, like Kinsta

– Remove render-blocking content: however this may cause Content Layout Shift. So it’s up to you at that point to organize Critical CSS to make sure that doesn’t happen

– You can dequeue some assets if you don’t use them

– Use a CDN

– There are some services that generate Critical CSS for you

– There is a bunch of stuff that is just easier to do during development, especially if there’s a lot of unique CSS code

– If these are mostly static websites you could test one of those plugins to generate a static site

One thing I do is try to reason by components as much as possible. It’s been years since I’ve used WP Bakery, but my guess is that it may still add code and CSS/JS files even when it’s not necessary

With this I mean that if for example you have a block to show testimonials, the specific CSS (and maybe JS) for this bit should appear only once per page when that block is actually used.

So the CSS code for testimonials and all blocks shouldn’t be in one huge style.css file (just an example)

You can also use tools like query monitor to find which plugins impact performance the most

There would be a lot more to say but it’s hard without seeing the website

Also a thing that may help is doing tests while you’re building a website, and keep pagespeed test results monitored, compared to do them all at the end 🙂

Good caching and good hosting makes all the difference. Also compressing images correctly.