Генераторы статических сайтов (SSG) становятся все более популярными за последнее десятилетие. В этой статье обсуждается, как ваш сайт может извлечь выгоду из удобных для разработчиков процессов сборки, более простого развертывания, повышенной производительности и лучшей безопасности, предлагаемых статическим сайтом.
Что такое статический сайт?
Вспомните свой первый
Трудности возникают по мере того, как ваш сайт становится больше и сложнее. Обратите внимание на навигацию: она может быть одинаковой в каждом файле, но добавление новой страницы требует обновления всех остальных. Даже ссылки на CSS и изображения могут стать неудобными по мере развития структуры папок. Возможно, вы рассматривали такие варианты, как включение на стороне сервера или PHP, но более простым вариантом может быть система управления контентом (CMS)...
Что такое система управления контентом?
CMS обычно предоставляет административные панели управления. Это позволяет авторам писать контент, который хранится во внутренней базе данных. Когда посетитель запрашивает
определяет, какая страница требуется
запрашивает соответствующий контент из базы данных
загружает шаблон HTML (обычно из файловой системы)
отображает содержимое в шаблоне и
возвращает отформатированную
Это происходит почти мгновенно. Шаблон может включать код для создания меню в соответствии с иерархией навигации. Жизнь прекрасна, и более четырех из десяти человек выбирают CMS WordPress с открытым исходным кодом на базе PHP/MySQL для управления своим
К сожалению, CMS поднимает другой набор проблем:
Вы должны придерживаться способа работы CMS. Добавлять собственный текст или компоненты может быть неудобно.
Сервер выполняет больше работы, и это может повлиять на производительность.
Есть дополнительные точки отказа. Обновление программного обеспечения или сбой базы данных могут вывести ваш сайт из строя.
Что такое генератор статических сайтов?
SSG — это компромисс между использованием статического сайта с ручным кодированием и полноценной CMS, сохраняя при этом преимущества обоих. По сути, вы создаете статический
Генерация сайта может происходить на вашем компьютере для разработки, промежуточном сервере или с помощью службы для сборки, когда изменения передаются в репозиторий кода. Полученные
Термин «статический» не означает «неизменный». SSG создает страницу один раз, а CMS — при каждом запросе. Конечный результат идентичен, и пользователи никогда не заметят разницы.
Родственной концепцией является «безголовая» или «разделенная» CMS. Они используют такой интерфейс, как WordPress, для управления контентом, но позволяют другим системам получать доступ к данным через REST API или GraphQL API. Таким образом, SSG, такая как Eleventy, может создать статический
Термин Jamstack (JavaScript, API и разметка) также используется в отношении статических сайтов. Это относится к развитию фреймворков, бессерверных функций и связанных с ними инструментов, которые генерируют статические файлы, но позволяют создавать более сложные интерактивные элементы.
К популярным генераторам статических сайтов относятся Jekyll, Eleventy, Gatsby, Hugo и Metalsmith. Группы SSG доступны для большинства языков (о многих других см. StaticGen). Фреймворки, такие как Next.js, по возможности статически отображают страницы, но также позволяют разработчику запускать код на стороне сервера, когда это необходимо.
Давайте рассмотрим преимущества использования SSG...
1. Гибкость
CMS обычно ограничивают ваши возможности, потому что они привязаны к базе данных с определенными полями. Если вы хотите добавить виджет Twitter на некоторые страницы, вам обычно потребуется плагин, шорткод или некоторые пользовательские функции.
На статическом сайте виджет можно просто вставить в файл напрямую или с помощью фрагмента/фрагмента. Ограничений немного, потому что вы не ограничены ограничениями, налагаемыми CMS.
2. Лучшая производительность
Большинство приложений CMS предлагают встроенные или подключаемые системы кэширования, чтобы обеспечить создание и повторное использование страниц, когда это возможно. Это эффективно, хотя накладные расходы на управление, проверку и повторное создание кэшированных страниц остаются.
Статические сайты могут создавать предварительно кэшированные страницы, срок действия которых никогда не истекает. Файлы также могут быть минимизированы перед развертыванием, чтобы гарантировать наименьшую нагрузку и легко развертываться через глобальные сети доставки контента (CDN). Статический сайт всегда будет работать лучше, чем версия на CMS, использующая аналогичный шаблон.
3. Меньше зависимостей на стороне сервера
Типичная установка WordPress требует:
подходящая операционная система, такая как Ubuntu или CentOS
PHP с соответствующими расширениями и конфигурациями
MySQL
приложение вордпресс
любые необходимые плагины
код темы/шаблона.
Эти зависимости должны быть установлены и управляться. WordPress требует меньше усилий, чем некоторые другие приложения, но одно обновление все еще может вызвать хаос.
Для генератора статических сайтов может потребоваться столько же зависимостей, но они могут работать на ПК разработчика и не развертываться на производственном сервере. SSG генерирует
4. Повышенная надежность
CMS сложна, со многими движущимися частями и точками отказа. Запустите сайт WordPress в течение любого промежутка времени, и вы почти наверняка столкнетесь со страшной ошибкой «Не удалось установить соединение с базой данных». Непредвиденные проблемы CMS могут возникать
Обслуживание статического сайта менее интенсивно. Во многих случаях сервер просто должен возвращать плоские файлы, поэтому масштабирование в соответствии с потребностью в трафике становится простым.
5. Превосходная безопасность
Есть несколько причин, по которым
CMS открывает несколько векторов атак. Наиболее очевидным является экран входа в систему: он настолько же безопасен, как и самый слабый пароль пользователя. Имейте в виду, что любая страница, на которой выполняется код на стороне сервера, также предлагает потенциальные эксплойты, такие как рассылка спама через вашу контактную форму. Может быть неочевидно, что
Статический сайт может требовать небольшой функциональности на стороне сервера или вообще не требовать ее. Некоторые риски остаются, но они редко бывают такими проблематичными:
6. Вопросы клиентского контроля
Вы можете потратить недели на создание привлекательной темы CMS, чтобы клиент мог уничтожить свой сайт в течение нескольких минут после передачи! Использование CMS не всегда просто, и оно дает значительные возможности редакторам контента. Вы можете заблокировать права, такие как установка плагинов, но это не помешает
Статический сайт может быть как ограниченным, так и гибким по вашему выбору. Если вы используете Markdown или аналогичные плоские файлы, редакторы менее склонны делать ошибки или негативно влиять на стиль страницы. Некоторым будет не хватать панелей управления контентом CMS, но вы можете:
использовать свою существующую CMS и очищать данные перед созданием, или
обеспечить более простые рабочие процессы, такие как редактирование файлов на основе Git в StackEdit или Hackmd.io.
7. Контроль версий и тестирование
Данные базы данных нестабильны. CMS позволяет пользователям добавлять, удалять или изменять контент по своему усмотрению. Очистка всего сайта осуществляется в несколько кликов. Вы можете создавать резервные копии баз данных, но даже если это делается регулярно, вы все равно можете потерять некоторые данные.
Статический сайт, как правило, безопаснее. Контент может храниться в:
плоские файлы: их можно контролировать с помощью Git или аналогичных систем. Старый контент сохраняется, а изменения можно быстро отменить.
частные базы данных: данные требуются только при создании сайта, поэтому их не нужно размещать на общедоступном сервере.
Тестирование также упрощается, поскольку сайт можно создать и просмотреть в любом месте — даже на компьютере клиента.
Приложив немного больше усилий, вы можете внедрить системы развертывания для удаленного создания сайта и обновления работающего сервера, когда новый контент будет отправлен в репозиторий, проверен и одобрен.
