Когда в 1991 году «Всемирная паутина» впервые была представлена публике, все веб-сайты представляли собой коллекции статических HTML-документов — каждый файл содержал разметку, необходимую для отображения полной страницы в веб-браузере. Почти сразу же разработчики-новаторы Интернета приступили к работе над способами динамического создания веб-сайтов, собираемых с помощью кода, выполняющегося на веб-серверах, и извлечения контента из систем баз данных.
Хотя статические веб-сайты не исчезли полностью, пока доминировали CMS, современный подход к концепции статических сайтов сейчас популярен среди тех, кто ценит скорость и безопасность.
На платформе статического хостинга сайтов Kinsta веб-сайты действительно работают быстро и безопасно. Они также бесплатны.
Давайте подробнее рассмотрим статические сайты и то, как Kinsta может помочь вам развернуть ваши сайты на пограничных серверах по всему миру.
Подходит ли статический сайт для вашего веб-проекта?
Статический сайт предоставляет готовые HTML, CSS, JavaScript и медиа-файлы.
«Преимущество статического контента заключается в том, что он быстрый и эффективный», — говорит Майкл Фуллер, разработчик JavaScript в Kinsta и член команды, которая помогла запустить платформу хостинга статических сайтов Kinsta. «Вместо того, чтобы серверу приходилось создавать страницу, обращаясь к базе данных, он просто отправляет пользователям ваши готовые файлы».
«Вместо того, чтобы полностью создавать статические файлы вручную, существует ряд генераторов статических сайтов», — говорит он. «Это комплекты, которые помогают упростить процесс создания и обновления статического сайта, превращая предоставленные вами файлы в работающий веб-сайт».
Какие проекты можно развернуть как статические сайты?
«Если у вас нет страниц, требующих входа в систему, базы данных или чего-либо еще, требующего динамического контента, то, вероятно, это хороший кандидат на роль статического сайта», — говорит Фуллер. «Это может включать в себя такие вещи, как портфолио, маркетинговые страницы или даже блог, если вам нравится писать новые сообщения с помощью генератора статических сайтов».
А когда у сайта нет сервера или базы данных для подключения, он предлагает меньше путей для нарушений безопасности.
«Для более сложных случаев можно использовать смешанный подход», — говорит Фуллер. «Вы можете создать статический сайт, который использует инфраструктуру JavaScript для связи с сервером, управляемым отдельно. Таким образом, вы получаете преимущества в скорости при начальной загрузке в сочетании с гибкостью динамического сайта».
Обзор хостинга статических сайтов в Kinsta
Вот что вы получаете бесплатно на платформе хостинга статических сайтов Kinsta:
- 100 статических сайтов на компанию
- 1 одновременная сборка на сайт
- Размер образа сборки 1 ГБ на сайт
- 600 минут сборки в месяц на компанию
- Пропускная способность 100 ГБ в месяц на компанию
И, как и в случае с платформами хостинга приложений и управляемого хостинга WordPress от Kinsta, здесь есть бесплатные сертификаты SSL, поддержка пользовательских доменных имен и дополнительный API для управления сайтом.
Kinsta создает и отправляет статический контент сайта в более чем 260 центров обработки данных глобальной сети Cloudflare — той же платформы, которая поддерживает Kinsta CDN и периферийное кэширование для сайтов WordPress.
Развертывание статического сайта в Kinsta
Первым шагом в развертывании статического сайта в Kinsta является подключение предпочитаемого вами хоста Git к вашей учетной записи в MyKinsta.
«В настоящее время мы поддерживаем трех ведущих поставщиков Git: BitBucket, GitHub и GitLab», — говорит Фуллер. «Это означает, что помимо преимуществ нашего обслуживания вашего сайта вы можете использовать их отслеживание версий и инструменты».
После авторизации доступа MyKinsta к вашему провайдеру Git вы можете начать добавлять свой первый статический сайт, выбрав его репозиторий и ветку:
Выше мы выбрали Автоматическое развертывание при фиксацииЭто означает, что Kinsta повторно развернет сайт, когда изменения будут перенесены в ветку на хосте Git.
Далее MyKinsta попытается определить настройки сборки, необходимые для вашего проекта:
«Если мы сможем определить используемый вами генератор и менеджер пакетов, мы предварительно заполним их стандартными соглашениями, используемыми для них», — говорит Фуллер. «Например, команда для сборок на базе Node.js обычно выглядит так: yarn build или npm run buildа каталог публикации обычно имеет вид строить, расстояние, общественный или вне».
«Вы также можете указать свои собственные переменные среды, если они используются в процессе сборки».
«В первой версии статического хостинга сайтов мы поддерживаем только Node.js для создания сайтов, — говорит Фуллер, — но мы работаем над тем, чтобы в будущем предоставить вам больше платформ».
Однако вы по-прежнему можете развернуть множество статических сайтов, для создания которых не используются инструменты Node.js. В качестве примеров мы описали, как развернуть сайт Jekyll и сайт Hugo, ни один из которых не имеет сборок на базе Node.js. В обоих случаях ресурсы веб-сайта создаются за пределами платформы Kinsta, а затем добавляются в папку или ветку репозитория Git для развертывания в качестве статического сайта.
Вы также можете развернуть статические ресурсы, которые вообще не требуют этапа сборки, например простые сайты HTML.
«Если вы не используете генератор, не нужно указывать команду сборки, и мы предполагаем, что ваш репозиторий содержит готовые файлы», — говорит Фуллер.
После запуска развертывания оно добавляется в очередь сборки сайта.
«Когда начинается развертывание, мы создаем экземпляр сборки в Google Cloud Platform и извлекаем код из вашего репозитория», — говорит Фуллер. «Если была указана команда сборки, мы используем образ на основе указанной вами платформы — на данный момент Node.js — для запуска этой команды. После этого мы проверяем размер всех файлов в каталоге публикации, чтобы убедиться, что он находится в наших пределах».
«Последний шаг — это загрузка, при которой мы помещаем ваши файлы в корзину Cloudflare R2».
Максимизация скорости с помощью поэтапного развертывания
Процесс развертывания статического хостинга сайтов оптимизирует время сборки, загружая на серверы Cloudflare только файлы, которые действительно изменились.
«Мы сохраняем ранее загруженные файлы при нескольких развертываниях, поэтому, если вы решите повторно развернуть предыдущую версию, количество файлов, которые необходимо повторно загрузить, будет минимальным», — говорит Фуллер. «Для этого мы переименовываем файлы в соответствии с хеш-значением их содержимого и сохраняем запись исходных путей. Мы сохраняем их в файле карты для этого развертывания, используя путь в качестве ключа и новое имя в качестве значения».
«Когда запрос отправляется на сайт, мы используем карту текущего развертывания для маршрутизации к правильной версии файла».
Краткое содержание
Платформа хостинга статических сайтов Kinsta обеспечивает молниеносную доставку контента в сеть пограничных серверов мирового класса, поддерживаемую панелью управления MyKinsta, что упрощает развертывание.
И все это бесплатно.
Быстро приступайте к работе с хостингом статических сайтов в Kinsta, ознакомившись с нашей библиотекой примеров быстрого запуска, охватывающих ряд генераторов статических сайтов. Примеры включают репозитории Git, которые вы можете скопировать для запуска собственных проектов.
