Цена ошибок гидрации
В React есть много ухищрений, чтобы серверный кусок страницы обновился на клиенте почти незаметно. В большинстве случаев этого хватает, но я почти уверен, что если вы работали с React, то в консоли видели Hydration failed because the initial UI does not match what was rendered on the server.
Иван Акулов разбирает случаи, когда такие ошибки влияют ещё и на метрику Largest Contentful Paint из Core Web Vitals. И для некоторых заказчиков это прям важная метрика.
И в конце статьи делится лайфхаком, как этот самый LCP немного читерски улучшить.
https://3perf.com/blog/hydration-mismatch/
В React есть много ухищрений, чтобы серверный кусок страницы обновился на клиенте почти незаметно. В большинстве случаев этого хватает, но я почти уверен, что если вы работали с React, то в консоли видели Hydration failed because the initial UI does not match what was rendered on the server.
Иван Акулов разбирает случаи, когда такие ошибки влияют ещё и на метрику Largest Contentful Paint из Core Web Vitals. И для некоторых заказчиков это прям важная метрика.
И в конце статьи делится лайфхаком, как этот самый LCP немного читерски улучшить.
https://3perf.com/blog/hydration-mismatch/