re: I'm Addy Osmani, Ask Me Anything! VIEW POST

TOP OF THREAD FULL DISCUSSION
re: Hello Addy, so nice to have you here! We often talk about JavaScript that has to be parsed and executed, that should be split and lazy loaded, and...
 

Everything has a cost and too many DOM nodes = unhappiness.

Back in 2016, the Chrome team observed that most sites we were profiling had 5000+ DOM nodes. Ideally, your page should stick closer to 1500 for mobile. At that time Chrome was optimized for a rough maximum of 32 element deep documents. We definitely handle things a lot better than this, but you're in the sweet spot if you're able to stay within these constraints.

With respect to HTML parsing costs, I always lean on shipping the greatest value to users in the fewest bytes possible. That said, I would probably do some auditing on the costs of sending down 400K of unzipped HTML (see if there's a real issue with CPU and memory usage on your target devices) and visualize to your client the difference of shipping less if that's the case.

code of conduct - report abuse