CSR (Client-Side Rendering)

Краткая суть

CSR (Клиентский рендеринг) — это набор "Сделай сам". Когда вы заходите на сайт, написанный на чистом React или Vue (SPA), сервер не дает вам готовую страницу с текстом. Он присылает вам одну строчку кода: <div id="root"></div> и гигантский чертеж (JavaScript). Ваш телефон (или ноутбук) начинает пыхтеть, скачивать этот JS, выполнять его, ходить в базу данных по API, и только через пару секунд на экране магически появляется текст и картинки. Для пользователей с мощными телефонами это выглядит как мгновенное переключение вкладок, но для SEO — это кошмар.

Как это работает на практике

Поисковый робот (Googlebot / Яндекс.Бот) заходит на ваш React-сайт.
1. Он скачивает HTML, видит там пустой <div id="root">.
2. "Глупый" бот (или старый бот Яндекса) просто уйдет, подумав, что ваш сайт абсолютно пустой. Вы не попадете в индекс.
3. "Умный" Googlebot кладет вашу страницу в очередь на рендеринг (WRS - Web Rendering Service). Через пару дней (или недель) он выделяет серверные мощности, "симулирует" браузер Chrome, запускает ваш JS, ждет пока появится текст, и только тогда индексирует его.

Актуальность в 2026 году

В 2026 году делать Информационные или E-commerce сайты на чистом CSR — это самоубийство бизнеса. Поисковые системы экономят ресурсы (экономят энергозатраты дата-центров). Они отказываются тратить миллионы долларов на рендеринг вашего кривого JavaScript-кода (Проблема Краулингового Бюджета). Гугл прямо заявляет: "Если ваш текст не виден в исходном коде сразу — мы не гарантируем его индексацию".
CSR допустим ТОЛЬКО для закрытых систем: CRM, Кабинет банка, SaaS-платформы (Там, куда поисковикам доступ закрыт паролем).

Как применять на практике

• Если у вас уже написан сайт на React/Vue, и у вас нет денег переписывать его на SSR (Next.js), вы обязаны использовать технологию Dynamic Rendering (Динамический рендеринг / Пререндеринг). Такие сервисы (Prerender.io) определяют: "Ага, зашел Человек — отдаем ему JS. Ага, зашел Googlebot — сервер сам быстро рендерит страницу и отдает боту уже готовый, плоский HTML с текстом". Это костыль, но он спасает SEO.

Частые ошибки

• Полагаться на то, что "Гугл теперь умеет исполнять JS". Да, Гугл умеет. Но это происходит в 2 волны (Two-wave Indexing). Первая волна (Мгновенная) — Гугл скачивает HTML. Вторая волна (через недели) — Гугл рендерит JS. Если на вашем сайте новости выходят каждый час, они никогда не будут успевать попадать в выдачу свежими, потому что рендеринг JS безнадежно отстает. Для SEO-проектов нужен только SSR или SSG.