
Statická generace stránek (SSG)
Statická generace stránek je metoda tvorby webů, při níž jsou všechny stránky předem vykresleny v době sestavení do statických HTML souborů, což vede k extrémně rychlému načítání a jednoduchému hostingu.
Statická generace stránek (SSG) vytváří všechny stránky webu během kroku sestavení, ještě předtím, než web navštíví jakýkoli uživatel. Výsledkem je sada prostých HTML, CSS a JavaScriptových souborů, které může přímo poskytovat CDN bez jakéhokoli zpracování na serveru pro každý požadavek.
Tím se eliminuje doba zpracování na serveru a dotazy do databáze, což vede k nejrychlejšímu možnému načítání. Mezi oblíbené generátory statických stránek patří Next.js (který podporuje jak SSG, tak SSR), Gatsby, Hugo, Eleventy a Astro. Tyto nástroje vezmou váš obsah (ze souborů markdown, CMS nebo API) a šablony a během procesu sestavení vygenerují kompletní web.
V praxi
- Dokumentační web s 5 000 stránkami vytvořený pomocí SSG načítá každou stránku za méně než 200 ms, protože neprobíhá žádné zpracování na serveru, pouze se z CDN poskytuje předem sestavené HTML
- Marketingová agentura převedla weby svých klientů z WordPressu na generátor statických stránek, čímž snížila náklady na hosting o 90 % a zároveň zlepšila skóre rychlosti stránek téměř na maximum
- Blog s více než 1 000 články používá SSG s inkrementálním znovusestavením, takže nový obsah přidává v řádu sekund bez regenerace celého webu
- Landing page vytvořená pomocí SSG dosáhla hned po nasazení skóre výkonu 99/100 v Lighthouse, ve srovnání s 62/100 u předchozí dynamicky generované verze
Více o: Tvorba webů
- Responzivní design
- Progresivní webová aplikace (PWA)
- Jednostránková aplikace (SPA)
- Server-side rendering (SSR)
- Statická generace stránek (SSG)
- API (rozhraní pro programování aplikací)
- CMS (Content Management System)
- Headless CMS
- Správa verzí
- CI/CD (Continuous Integration / Continuous Deployment)
- JavaScript Framework
- TypeScript
Nejste si jistí, jak se to týká vás?
Zkušený inženýr projde váš web, vaši viditelnost ve vyhledávání a způsob, jakým se k vám dostávají poptávky, a poté sepíše tři věci, které je vhodné opravit jako první. Dokument si ponecháte tak jako tak.