Генериране на статични сайтове (SSG)
Генерирането на статични сайтове е метод за изграждане на уебсайтове, при който всички страници се рендират предварително по време на изграждането в статични HTML файлове, което води до изключително бързо зареждане и просто хостинг решение.
Статичното генериране на сайтове (SSG) създава всички страници на уебсайта по време на стъпката на изграждане, преди който и да е потребител да посети сайта. Резултатът е колекция от обикновени HTML, CSS и JavaScript файлове, които могат да се обслужват директно от CDN без никаква сървърна обработка на заявка. За разлика от динамичните уебсайтове, които генерират страници при всяка заявка (SSR) или в браузъра (CSR), статичните сайтове са предварително изградени. Когато потребител посети страница, той получава готов HTML файл моментално.
Това елиминира времето за сървърна обработка и заявките към базата данни, което води до възможно най-бързо зареждане. Популярните генератори на статични сайтове включват Next.js (който поддържа както SSG, така и SSR), Gatsby, Hugo, Eleventy и Astro. Тези инструменти вземат вашето съдържание (от markdown файлове, CMS или API) и шаблони, след което генерират пълен уебсайт по време на процеса на изграждане.
На практика
- Сайт с документация, съдържащ 5 000 страници и изграден със SSG, зарежда всяка страница за под 200 ms, тъй като няма сървърна обработка, а само предоставяне на предварително изграден HTML от CDN.
- Маркетингова агенция премести уебсайтовете на клиентите си от WordPress към генератор на статични сайтове, намалявайки разходите за хостинг с 90% и подобрявайки оценките за скорост на зареждане до почти перфектни.
- Блог с над 1 000 статии използва SSG с инкрементално преизграждане, добавяйки ново съдържание за секунди без регенериране на целия сайт.
- Целева страница, изградена със SSG, постигна оценка за производителност 99/100 в Lighthouse още от самото начало, спрямо 62/100 за предишната версия, генерирана динамично.
Още за: Уеб разработка
- Адаптивен дизайн
- Progressive Web App (PWA)
- Едностранично приложение (SPA)
- Сървърно рендиране (SSR)
- Генериране на статични сайтове (SSG)
- API (интерфейс за програмиране на приложения)
- CMS (система за управление на съдържание)
- Headless CMS
- Контрол на версиите
- CI/CD (Непрекъсната интеграция / Непрекъснато разгръщане)
- JavaScript Framework
- TypeScript
Не сте сигурни как се отнася за Вас?
Старши инженер разглежда сайта Ви, присъствието Ви в търсачките и начина, по който стигат запитванията до Вас, след което записва трите неща, които си струва да се поправят първо. Документът остава за Вас във всеки случай.