NEXT JS Hydration Data ( Page Props)

[Roland Naddaf]

Hello All,

I'm wondering if anyone has experience with NEXT JS hydration data and how to hande for speed performance  -and core web vitals improvements.

The hydration data appears in the initial html and starts with 

<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"site

It's more that 3 times the size of the HTML 

The issue is explained here https://www.debugbear.com/blog/javascript-hydration 

In summary the NEXT JS hydration data size is very large that it affects speed performance in multiple ways - 

Appreciate feedback from anyone who worked to resolve speed performance issues from the NEXT JS  pageprops ( hydration data ) appearing in the initial html / view source

Thanks