ssr = false для страниц только на клиенте
Отключайте серверный рендеринг для страниц, использующих API только браузера.
«ssr = false для страниц только на клиенте» — бесплатный урок Sveltejs Academy на CoddyKit. Это урок 3 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Sveltejs Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Sveltejs Academy содержит 4 уроков всего.
Отключение SSR
Задайте ssr = false, чтобы пропустить серверный рендеринг страницы, зависящей от API, доступных только в браузере.
export const ssr = false;Варианты использования
Страницы, использующие canvas, WebGL, геолокацию или любые возможности, которые должны выполняться в браузере.
Компромиссы
Пропуск SSR означает более медленную первую отрисовку содержимого и худшую поисковую оптимизацию этой страницы.
Сочетание с предварительной генерацией
Можно отключить SSR, но по-прежнему предварительно генерировать оболочку HTML для статического хостинга.
Индикатор загрузки
Поскольку страница работает только на клиенте, показывайте состояние загрузки, пока JS не выполнит гидратацию.
Маршруты, требующие аутентификации
Иногда маршруты только для аутентифицированных пользователей пропускают SSR, чтобы не выполнять рендеринг до проверки токена на клиенте.
Настройка для отдельной страницы
Задавайте ssr для каждого маршрута отдельно, чтобы найти баланс между поисковой оптимизацией и требованиями к интерактивности.
На уровне макета
Задайте этот параметр в макете, чтобы отключить SSR для целого раздела.
Без кода сервера
Без SSR серверная загрузка всё равно выполняется, но страница отображается только в браузере.
Соображения о производительности
Тяжёлым страницам, работающим только на клиенте, может помочь предварительная генерация скелетона с последующей гидратацией данных.
В реальных проектах
Панели управления, сложные редакторы и трёхмерные интерфейсы иногда отключают SSR.
Быстрая проверка
В каком случае следует задать ssr = false?
Повторение
Задавайте ssr = false для страниц, которым нужны API только браузера, жертвуя поисковой оптимизацией ради более простой отрисовки только на клиенте.
Часто задаваемые вопросы
Урок «ssr = false для страниц только на клиенте» бесплатный?
Да — полный текст урока «ssr = false для страниц только на клиенте» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Sveltejs Academy, подпишись на CoddyKit PRO. Курс Sveltejs Academy содержит 4 уроков всего.
Чему я научусь в уроке «ssr = false для страниц только на клиенте»?
Отключайте серверный рендеринг для страниц, использующих API только браузера. Ты практикуешь Sveltejs Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Sveltejs Academy?
Предыдущий опыт не требуется. Sveltejs Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 4.
Сколько времени занимает урок «ssr = false для страниц только на клиенте»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Sveltejs Academy?
Да. Каждый урок Sveltejs Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Универсальная и только серверная загрузка
- prerender = true для статических страниц
- ssr = false для страниц только на клиенте
- Архитектура островов