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

Статическая генерация

Генератор статического сайта объединяет контент и шаблоны во время сборки. Полученный HTML, таблицы стилей и сценарии могут обслуживаться статическим хостом или CDN. Jekyll строит этот веб-сайт таким образом: статью можно прочитать непосредственно по URL-адресу без запуска JavaScript.

Статические страницы по-прежнему могут поддерживать фильтры поиска, интерактивные диаграммы и запросы к внешним API. Такие функции, как личные учетные записи или сохранение общих данных, требуют соответствующего обслуживания; они не обязательно требуют динамической перестройки каждой страницы.

Рендеринг по запросу

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

Система управления контентом описывает, как осуществляется управление контентом, а не единую обязательную стратегию рендеринга. Аналогично, React описывает библиотеку пользовательского интерфейса, а не модель хостинга. Фреймворки React могут поддерживать статическую генерацию, серверный и клиентский рендеринг в одном приложении.

Выбор для личного сайта

Требование Практическая отправная точка
Статьи, резюме и описания проектов Предварительно обработанный HTML со стабильными URL-адресами
Фильтрация индекса статей Браузерный JavaScript в доступном списке HTML
Частные аккаунты или сохраненные материалы Бэкэнд или сервис с контролем доступа
Часто меняющиеся общедоступные данные Выбирайте кэширование и рендеринг с учетом потребностей актуальности

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

Ссылки