Statikus oldalgenerálás (SSG)

A statikus oldalgenerálás olyan weboldalépítési módszer, amelynél minden oldal a build időpontjában előre renderelődik statikus HTML-fájlokba, rendkívül gyors betöltési időt és egyszerű tárhelyet eredményezve.

A statikus oldalgenerálás (SSG) egy weboldal összes oldalát egy build lépés során hozza létre, mielőtt bármely felhasználó meglátogatná az oldalt. Az eredmény tiszta HTML-, CSS- és JavaScript-fájlok gyűjteménye, amelyeket egy CDN közvetlenül ki tud szolgálni kérésenkénti szerveroldali feldolgozás nélkül.

Ez kiküszöböli a szerverfeldolgozási időt és az adatbázis-lekérdezéseket, ami a lehető leggyorsabb betöltési időt eredményezi. A népszerű statikus oldalgenerátorok közé tartozik a Next.js (amely az SSG-t és az SSR-t is támogatja), a Gatsby, a Hugo, az Eleventy és az Astro.

A gyakorlatban

Egy 5000 oldalas, SSG-vel épített dokumentációs oldal minden oldalt 200 ms alatt tölt be, mert nulla szerverfeldolgozás van, csak egy CDN szolgálja ki az előre felépített HTML-t
Egy marketingügynökség ügyfelei weboldalait WordPress-ről statikus oldalgenerátorra váltotta, 90%-kal csökkentve a tárhelyköltségeket, miközben az oldalsebesség-pontszámokat közel tökéletesre javította
Egy 1000+ cikkes blog SSG-t használ inkrementális újraépítéssel, másodpercek alatt hozzáadva új tartalmat a teljes oldal újragenerálása nélkül
Egy SSG-vel épített landing page alapból 99/100-as Lighthouse teljesítménypontszámot ért el, szemben a korábbi dinamikusan generált verzió 62/100-ával

Több erről: Webfejlesztés

Nem biztos benne, hogy ez hogyan vonatkozik Önre?

Egy vezető mérnök bejárja az Ön webhelyét, keresési jelenlétét és azt, ahogyan a megkeresések eljutnak Önhöz, majd leírja az elsőként javítandó három dolgot. A dokumentumot mindenképpen megtartja.

Kérje az ingyenes áttekintést Csak kérdezzen tőlünk valamit