Web Components performance over Native

[Mark John]

Hi,

I am recently started reading about Web Components, And has been mentioned in few articles, It is mainly used for reusability and scoped style. I agree with scoped style it can be useful and it will solve style override. But when comes to reusability, it can be achieved through simple template library.

is Web Components give better performance when compared to Native HTML elements. Since each elements getting mutated only when getting attached to DOM. So, expensive operations inside Element callbacks leads to poor performance.

So, what is the best use case for using Web Components and any key points to design well performing component without any performance problem over rendering.

Thanks!