Good morning everyone!
I’m having some performance issues especially with CCS and Javascript (I am attaching the 2 images).
To improve the situation I installed several plugins (too many, in my opinion) it improved by 5-6 points. How can I improve everything, perhaps without the need for plugins
Plugins installed to improve performance:
Async JavaScript
Auto-optimize
Performance Lab
W3 Total Cache
Other plugins installed for other functions:
XML Sitemap Generator for Google
Custom Post Type UI
CookieYes | GDPR Cookie Allow
Advanced Custom Fields
In the Bricks settings I entered the code for the Google Tag Manager (to hook Google Analytics) and in the performance section I disabled everything and for the CCS upload method I put “External Files”
6 seconds just cause you don’t have webp images and almost 10secs lcp is a lot… Doesn’t seem to have to do much with js or anything and rather with your images.
put all your images through tinypng.com for a quick optimization
Average images have an average weight between 300-400 kb
The only image that is a bit large is the initial background (landscape) of 1.23 MB with dimensions of 1366x400 px (but smaller is not good for those with a large screen.
In theory with Performance Lab I should have activated the dual version of the image
Even that’s a fairly large size particularly for mobile devices (which is what PageSpeed checks first). Definitely running them through some optimizer tools will help. Serving as webP can be helpful too.
Okay guys! I try to improve the situation pictures!
But all the other problems that Java indicates, excessive DOM (which I don’t know what that means)… are they relevant or not? Is there any way to fix them?
DOM elements and nodes are relevant. They represent HTML on your page. And if you exceed 1400 or so, you start seeing that error you mentioned.
Read this article — it’s probably the best thing I’ve read on this issue. It lends to why tools like Elementor have this issue, given how they structure the markup on all of their widgets.
I’ve been down that rabbit hole before and imo, don’t let Google pagespeed drive you nuts. Yes try n get it as high as you can, yes optimize as much as you can but it doesn’t always have to be 100/100.
At some point it’s about tradeoffs. Is element x more important or the extra 2 points on Google page speed? The only time to actually remove something or find an alternative, imo, is if it really has a noticeable negative impact on performance.
Thanks Manc! Yes, I actually tend to focus on these aspects, I try to make certain things slip away. What alarmed me is that GTmetrix was also reporting the DOMs to me (in green, but still reported). I’m amazed that he does it with Bricks, also because it doesn’t seem like a complex page to me… the only thing is that the cat’s ear deliberately overflows in the header section. That’s all…
Thank you all for the support, now I read all the suggested articles. In the meantime I fixed the images and the situation improved, but now I’m trying to solve this “DOM” problem too
Hey Olio,
All these plugins are great for SEO optimizations specially for JS and CSS, but still if they are not of much help You can try Rabitloader .It is specifically designed to deal with css and js optimization which will improve the website’s render time ,hence optimizing its performance.
