I have been thinking about web components, light dom vs shadow dom, server side rendering, and SEO. The question that comes to mind is whether or not using web components as a way to encapsulate design and functionality with no asynchronous requests actually has worse SEO than having that data directly in the light dom. I.e Is either of these better or worse for SEO:
<my-component title="Example" description="Some more content" button-text="Do something"> </my-component>
<div class="my-component"> <h4>Example</div> <p>Some more content</p> <button>Do something</button> </div>
Assuming that the web component implementing
<my-component> synchronously creates the same html as the second example, just inside of the shadow DOM?
Do we have any real evidence for the first option being not as good for SEO as the second option?