Generiranje statičkih stranica (SSG)

Generiranje statičkih stranica metoda je izrade web stranica gdje se sve stranice unaprijed renderiraju tijekom faze izgradnje u statičke HTML datoteke, rezultirajući iznimno brzim vremenima učitavanja i jednostavnim hostanjem.

Generiranje statičkih stranica (SSG) stvara sve stranice web mjesta tijekom koraka izgradnje, prije nego što bilo tko posjeti stranicu. Rezultat je zbirka običnih HTML, CSS i JavaScript datoteka koje može izravno poslužiti CDN bez ikakve obrade na poslužitelju po zahtjevu.

Ovo eliminira vrijeme obrade na poslužitelju i upite baze podataka, rezultirajući najbržim mogućim vremenima učitavanja. Popularni generatori statičkih stranica uključuju Next.js (koji podržava i SSG i SSR), Gatsby, Hugo, Eleventy i Astro. Ovi alati uzimaju vaš sadržaj (iz markdown datoteka, CMS-a ili API-ja) i predloške, a zatim generiraju kompletnu web stranicu tijekom procesa izgradnje.

U praksi

Stranica dokumentacije s 5.000 stranica izgrađena sa SSG-om učitava svaku stranicu u roku od 200 ms jer nema obrade na poslužitelju, već samo serviranje unaprijed izgrađenog HTML-a s CDN-a
Marketinška agencija prebacila je svoje klijentske web stranice s WordPressa na generator statičkih stranica, smanjivši troškove hostanja za 90% dok je istovremeno poboljšala ocjene brzine stranica do gotovo savršenstva
Blog s 1.000+ članaka koristi SSG s inkrementalnim ponovnim izgradnjama, dodajući novi sadržaj u sekundama bez regeneracije cijele stranice
Landing page izgrađen sa SSG-om postigao je izvornu Lighthouse performansu od 99/100, u usporedbi s 62/100 za prethodnu dinamički generiranu verziju

Više o: Izrada web stranica

Niste sigurni kako se ovo odnosi na vas?

Senior inženjer pregledava vašu web stranicu, vašu prisutnost u pretraživanju i način na koji upiti dolaze do vas, a zatim bilježi tri stvari vrijedne popravka prvo. Dokument zadržavate u svakom slučaju.

Rezervirajte besplatni pregled Samo nas nešto pitajte