Hvad er Angular prerendering?
Angular prerendering er en teknik, hvor en Angular-applikation forudrenderes til statisk HTML under build-processen. Det betyder, at siderne genereres som færdige HTML-filer, som serveres direkte til brugeren frem for at genereres dynamisk i browseren. Dette kan forbedre både brugeroplevelsen og SEO, da søgemaskiner nemmere kan indeksere indholdet.
Hvornår bruges det?
Angular prerendering bruges især på websites bygget med Angular, hvor SEO er vigtigt, men hvor indholdet ellers kun ville være synligt for brugeren efter JavaScript-eksekvering. Hvis JavaScript-tunge sider ikke prerenderes, risikerer man at søgemaskiner ikke kan læse indholdet korrekt. Prerendering er også relevant ved f.eks. landingssider eller informationssider, hvor hurtig indlæsningstid er afgørende for et godt førstehåndsindtryk.
Eksempel: En webshop med mange produktkategorier opbygget i Angular kan anvende prerendering, så alle kategorisider leveres som statisk HTML. Derved kan Google nemt indeksere produkterne, hvilket øger synligheden i søgeresultaterne og forbedrer load-tiden for førstegangsbesøgende.
Typiske fejl
- Ignorering af dynamisk indhold, som ikke bliver korrekt genereret ved build.
- Manglende opdatering af prerenderede sider ved indholdsskift.
- Overser vigtige metadata (title, description), som mangler i outputtet.
Relaterede begreber: Server Side Rendering, Indexering, Crawlbarhed
