Hvad er Pre-rendering?
Pre-rendering er en teknik, hvor websider eller enkelte sider genereres og gemmes som statiske HTML-filer, inden en bruger eller søgemaskine crawler ankommer til siden. Ved at bruge pre-rendering kan serveren levere færdiggenereret indhold hurtigt, hvilket især er effektivt for JavaScript-baserede hjemmesider. Dette gør det lettere for fx Googlebot at indeksere siden korrekt.
Hvornår bruges det?
Pre-rendering anvendes, når en hjemmeside benytter teknologier som JavaScript frameworks (f.eks. React eller Vue.js), hvor indholdet ellers ville blive genereret i browseren (client-side). Da søgemaskiner kan have problemer med at indeksere dynamisk indhold, sikrer pre-rendering, at vigtig information er tilgængelig i det øjeblik siden besøges af en bot. Det forbedrer både indeksering og indlæsningshastighed, hvilket kan styrke SEO-resultater.
Eksempel: En webshop med nye produktlanceringer bruger React til at vise produktsider. Ved at implementere pre-rendering genereres HTML’en for hver produktside på forhånd, så Google kan crawle og indeksere dem korrekt, uden at vente på at JavaScript henter produktinformationerne.
Typiske fejl
- Ikke opdatere pre-renderede sider jævnligt, så indholdet bliver forældet.
- Pre-rendere unødvendigt store datamængder, hvilket øger serverbelastning uden SEO-fordel.
- Glemme at håndtere dynamiske ruter korrekt, så visse sider ikke bliver pre-renderet.
Relaterede begreber: Server-side rendering (SSR), client-side rendering, crawlbarhed.
