Что такое (ре)гидратация контента, и как она может повлиять на...

404

Что такое (ре)гидратация контента, и как она может повлиять на ваше SEO?

Регидратация контента - это процесс, который происходит, когда веб-сайт, построенный с использованием JavaScript-фреймворка, такого как Angular или React, динамически обновляет контент на странице, не требуя обновления всей страницы.

Это означает, что когда пользователь переходит на новую страницу, сначала загружается основная структура страницы, а затем в режиме реального времени загружается динамический контент, что повышает скорость загрузки и улучшает пользовательское восприятие.

Этот процесс называется регидратацией, поскольку он "возвращает к жизни" контент после его первоначальной загрузки.

В Angular это достигается за счет использования методов рендеринга на стороне сервера и рендеринга на стороне клиента, которые работают вместе, чтобы обеспечить быстрый и бесшовный опыт для пользователя.

По умолчанию такое поведение имеет существенный недостаток.

К необработанному ответу, отправленному вашим сервером, будет добавлен скрипт со всем необходимым кодом для придания приложению динамичности.

В готовом виде этот скрипт может легко составлять более 90% от общего размера HTML, как показано в скриншоте.

Тем не менее, 1,07 МБ (270 кб в сжатом виде) - это не то, что должно иметь такое большое влияние, не так ли?

Раньше я тоже так считал. Но мало кто знал, как я ошибался.

Проблема связана не с размером самого скрипта, а с тем, что он означает для поисковых систем.

Google четко объясняет в своей документации, как он разбирает HTML-документ. Суть в том, что после получения необработанного ответа выполняются файлы JavaScript для формирования окончательного HTML.

Чем больше у вас JS-кода, тем дольше вам придется ждать, пока ваша страница перейдет из разряда просканированных в разряд проиндексированных.

Если рассуждать с точки зрения Google, то это вполне логично. Действительно, такое поведение поощряет сайты, в значительной степени полагающиеся на SSR, что снижает операционные расходы Google, поскольку разбор JavaScript в масштабе должен быть дорогостоящим.

Если вы используете регидратацию контента из коробки, вашему сайту потребуется время для индексации, потому что каждая страница будет тратить больше времени на ожидание в очереди рендеринга.

Как решить эту проблему?

Из коробки скрипт включает в себя много информации, которую вы не используете в своем приложении. Трюк заключается в том, чтобы оптимизировать его, попросив вашу команду исключить информацию, которую вы не используете.

Слишком просто, чтобы быть правдой? Именно так и было сделано, и после первоначального падения размер скрипта уменьшился на 50-75%, а уровень производительности мгновенно вернулся к исходному. И сразу после этого позиции сайта начали расти.

Об этом всем и о том, какое влияние регидратация может оказать во время миграции прочтете в статье:

https://www.aeripret.com/content-rehydration/

@MikeBlazerX