If you use `encapsulation: ViewEncapsulation.Native` (default is `Emulated`) on browsers that support it (most are there or nearly there AFAIK) then the browser can do lots of optimizations. This is the reason why the `/deep/`, `>>>`, and `::shadow` selectors were deprecated and will be removed because the possibility of shadow piercing selectors would prevent these optimizations.
On Wednesday, February 24, 2016 at 9:00:38 AM UTC+1, David Michael Gang wrote: > > Hi all, > > The current trend of designing an angular application is to create small > reusable components. > This approach naturally makes the dom hierarchy deeper. > > One of the suggestions about css reflow was to reduce unneccesary dom > depth: > https://developers.google.com/speed/articles/reflow > > Aren't these two attitudes contrary? > What is the real performance hit when deepening the dom hierarchy? > > Thanks, > David > -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
