Staatiline lehegeneratsioon (SSG)
Staatiline lehegeneratsioon on meetod veebisaitide ehitamiseks, kus kõik lehed renderdatakse eelnevalt build-etapis staatilisteks HTML-failideks, mis tagab äärmiselt kiired laadimisajad ja lihtsa majutamise.
Staatiline lehegeneratsioon (SSG) loob kogu veebisaidi lehed build-etapis enne, kui kasutajad saidile külastavad. Tulemuseks on puhta HTML-, CSS- ja JavaScripti-failide kogum, mida saab otse CDN-ist serveerida ilma serveripoolse töötlemiseta iga päringu kohta. Erinevalt dünaamilistest saitidest, mis genereerivad lehti iga päringu korral (SSR) või brauseris (CSR), on staatilised saidid eelnevalmistanud.
See elimineerib serveri töötlemise aja ja andmebaasi päringud, mis viib võimalikult kiireteni laadimisaegadeni. Populaarsed staatilised lehegeneraatorid hõlmavad Next.js (mis toetab nii SSG-d kui ka SSR-i), Gatsby, Hugo, Eleventy ja Astro. Need tööriistad võtavad teie sisu (markdown-failidest, CMS-ist või API-st) ja mallid ning genereerivad build-protsessi käigus tervikliku veebisaidi.
Praktikas
- Dokumentatsioonisaat, millel on 5000 lehte ja mis on ehitatud SSG-ga, laeb iga lehe alla alla 200 ms, kuna serveritöötlemist ei ole, vaid serveeritakse eelnevalmistanud HTML-i CDN-ist
- Turundusagentuur vahetas oma klientide veebisaidid WordPressilt staatilise lehegeneraatori peale, vähendades majutamiskulusid 90% võrra ja parandades lehe kiiruse skoorid peaaegu perfektseks
- Blogi, millel on üle 1000 artikli, kasutab SSG-d incrementaalse ümberehitusega, lisades uut sisu sekunditega ilma kogu saidi ümberehitamiseta
- Maandumisleht, mis on ehitatud SSG-ga, saavutas 99/100 Lighthouse'i jõudluskoo, võrreldes 62/100 eelmise dünaamiliselt genereeritud versiooniga
Rohkem teemal: Veebiarendus
Kas ei ole kindel, kuidas see teile kehtib?
Kogenud insener vaatab üle teie veebisaidi, nähtavuse otsingus ja päringute teekonna ning kirjutab seejärel üles kolm asja, mida esmalt parandada. Dokument jääb teile igal juhul.