Static Site Generation (SSG)

Static Site Generation je metóda budovania webov, pri ktorej sa všetky stránky pred-renderujú počas build času do statických HTML súborov, čo vedie k extrémne rýchlemu načítaniu a jednoduchému hostingu.

Static Site Generation (SSG) vytvára všetky stránky webu počas build kroku, pred tým, než navštívi stránku akýkoľvek používateľ. Výsledkom je zbierka obyčajných HTML, CSS a JavaScript súborov, ktoré môžu byť obsluhované priamo CDN bez akéhokoľvek server-side spracovania na požiadavku.

Toto eliminuje čas serverového spracovania a databázové query, čo vedie k najrýchlejším možným časom načítania. Populárne statické site generátory zahŕňajú Next.js (ktorý podporuje SSG aj SSR), Gatsby, Hugo, Eleventy a Astro. Tieto nástroje vezmú váš obsah (z markdown súborov, CMS alebo API) a šablóny a počas build procesu vygenerujú kompletný web.

V praxi

Dokumentáčny web s 5 000 stránkami postavený so SSG načíta každú stránku za menej ako 200 ms, pretože nie je žiadne serverové spracovanie, len obsluha predbežne zostrojeného HTML z CDN
Marketingová agentúra presunula svoje klientske weby z WordPressu na statický site generator, čím znížila náklady na hosting o 90 % a zároveň zlepšila skóre rýchlosti stránok na takmer dokonalé
Blog s 1 000+ článkami využíva SSG s inkrementálnymi rebuildmi, pričom pridáva nový obsah za sekundy bez regenerácie celého webu
Landing page postavená so SSG dosiahla skóre 99/100 v Lighthouse performance out of the box, v porovnaní s 62/100 pre predchádzajúcu dynamicky generovanú verziu

Viac o: Webový vývoj

Nie ste si istí, či sa to týka aj vás?

Senior inžinier prejde vaše stránky, vašu prítomnosť vo vyhľadávaní a spôsob, akým dotazy k vám prichádzajú, a potom zapíše tri veci, ktoré sa oplatí opraviť ako prvé. Dokument si necháte v každom prípade.

Rezervovať bezplatnú revíziu Len sa nás niečo opýtajte