Skip to content

Commit

Permalink
Update docs/framework-integration/react.md
Browse files Browse the repository at this point in the history
Co-authored-by: Tanner Reits <[email protected]>
  • Loading branch information
christian-bromann and tanner-reits authored Oct 23, 2024
1 parent fb93281 commit 94bb46d
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion docs/framework-integration/react.md
Original file line number Diff line number Diff line change
Expand Up @@ -425,7 +425,7 @@ That's it! Your Next.js application should now render a Declarative Shadow DOM o

:::cautions

A Declarative Shadow DOM contains next to the HTML structure also all the CSS defined for the component. If you server side render a lot of small components that come with large amounts of CSS, it will drastically increase the initial page load time as the documented loaded by the browser increases in size. Make sure to keep the initial document size reasonable and aligned with your performance goals, server side rendering only the critical components needed to render the viewport and load the rest later on.
A Declarative Shadow DOM contains next to the HTML structure also all the CSS defined for the component. If you server side render a lot of small components that come with large amounts of CSS, it will drastically increase the initial page load time as the document loaded by the browser increases in size. Make sure to keep the initial document size reasonable and aligned with your performance goals. It is recommended to server side rendering only the critical components needed to render the viewport and load the rest later on.

:::

Expand Down

0 comments on commit 94bb46d

Please sign in to comment.