Direct naar de inhoud
xhosting

Externe scripts en snelheid

2 min. lezen

Wat zijn third party scripts?

Third party scripts zijn stukjes code van een andere partij die op jouw pagina draaien. Denk aan een analysetool, een chatwidget, een advertentie of een video-embed. Jij hebt die code niet geschreven en hebt er vaak weinig controle over.

Zo'n script wordt meestal vanaf een andere server geladen. Dat betekent extra verbindingen, extra downloads en vaak extra code die de browser moet uitvoeren. Eén script lijkt klein, maar tien scripts samen maken een pagina merkbaar zwaarder.

Waarom ze je pagina vertragen

Externe scripts doen meer dan alleen laden. Een chatwidget bouwt een venster op, een analysetool registreert elke klik en een advertentie haalt zelf nieuwe beelden op. Dat kost rekenkracht, ook als de bezoeker het niet ziet.

Het effect is vaak het grootst bij interactie. Als de browser druk is met een script, reageert de pagina trager op klikken en typen. Dat merk je terug in INP. Scripts kunnen daarnaast de weergave tegenhouden, zie render blocking resources.

Wat je zelf kunt doen

Je hebt minder grip op een script van een derde partij dan op je eigen code, maar je kunt wel keuzes maken:

  • Laat alleen de scripts staan die je echt gebruikt, en controleer dat regelmatig.
  • Laad een script pas wanneer je het nodig hebt, bijvoorbeeld een chatwidget pas na een klik.
  • Gebruik lazy loading voor video-embeds en iframes die onder het eerste scherm staan. Zie lazy loading.
  • Vraag de leverancier of er een lichtere variant of een andere manier van laden is.

Let op: een script uitschakelen kan functies breken, zoals een formulier of een cookiemelding. Test daarom na elke wijziging.

Veelgestelde vragen

Zijn third party scripts altijd slecht?

Nee. Veel scripts zijn nuttig, zoals een betaalmodule of een tool om bezoekersverkeer te meten. Het gaat om de balans. Elk script kost iets, dus kies bewust wat je laadt en controleer af en toe of een script nog nodig is.

Hoe zie ik welke scripts mijn pagina vertragen?

Met de ontwikkelaarstools van je browser zie je welke bestanden van andere domeinen komen en hoeveel tijd ze kosten. Bekijk de lijst met verzoeken en let op bestanden van externe servers. Zo zie je snel welke scripts het zwaarst wegen. Een snelheidstest toont dat vaak ook.

Wat is CLS

Cumulative Layout Shift (CLS) meet hoe vaak elementen op je pagina verspringen tijdens het laden. Lees wat CLS betekent en wat een goede waarde is.

Beeldcompressie

Beeldcompressie maakt een afbeelding kleiner door de data slimmer op te slaan of details weg te laten. Lees het verschil tussen verliesvrij en verlies...

Wat is HTTP3

HTTP3 draait via QUIC over UDP en helpt vooral bij mobiele en wisselende verbindingen. Lees hoe het werkt en wat de server ervoor nodig heeft.