Staattinen sivuston generointi (SSG)

Staattinen sivuston generointi on menetelmä verkkosivustojen rakentamiseen, jossa kaikki sivut esirrenderöidään build-vaiheessa staattisiksi HTML-tiedostoiksi, mikä johtaa erittäin nopeisiin latausaikoihin ja yksinkertaiseen hostingiin.

Staattinen sivuston generointi (SSG) luo koko verkkosivuston sivut build-vaiheen aikana, ennen kuin käyttäjä vierailee sivustolla. Tuloksena on joukko tavallisia HTML-, CSS- ja JavaScript-tiedostoja, jotka voidaan palvella suoraan CDN:n kautta ilman palvelinpohjaista käsittelyä pyyntöä kohden.

Tämä eliminoi palvelinkäsittelyajan ja tietokantakyselyt, mikä johtaa mahdollisimman nopeisiin latausaikoihin. Suosittuja staattisia sivustogeneraattoreita ovat Next.js (joka tukee sekä SSG:tä että SSR:tä), Gatsby, Hugo, Eleventy ja Astro. Nämä työkalut ottavat sisällön (markdown-tiedostoista, CMS:stä tai API:sta) ja mallipohjat, ja generoivat koko verkkosivuston build-prosessin aikana.

Käytännössä

Dokumentaatiosivusto, jossa on 5 000 sivua ja joka on rakennettu SSG:llä, lataa jokaisen sivun alle 200 millisekunnissa, koska palvelinkäsittelyä ei ole lainkaan, vaan pelkkä ennalta rakennetun HTML:n tarjoaminen CDN:stä
Markkinointiviestintätoimisto vaihtoi asiakassivustonsa WordPressistä staattiseen sivustogeneraattoriin, pienentäen hosting-kustannuksia 90 % ja parantaen sivunopeuspisteet lähes täydellisiksi
Blogi, jossa on yli 1 000 artikkelia, käyttää SSG:tä osittaisilla uudelleenrakennuksilla, lisäten uutta sisältöä sekunneissa ilman koko sivuston uudelleengenerointia
SSG:llä rakennettu laskeutumissivu saavutti 99/100 Lighthouse-suorituskykypisteen suoraan asennuksesta, verrattuna 62/100 aiempaan dynaamisesti generoituun versioon

Lisää aiheesta: Verkkosivujen kehitys

Et ole varma, miten tämä koskee sinua?

Kokenut insinööri käy läpi kohteen, hakukoneesi esiintymisen ja yhteydenottojen saannin, ja kirjoittaa kolme asiaa, jotka kannattaa korjata ensin. Pidät dokumentin joka tapauksessa.

Varaa ilmainen arviointi Kysy vain jotain