Verbinding mislukt. Probeer het opnieuw.

Naar inhoud springen
SEO Tools
Help en documentatie
Snelheid Hoge impact Gemiddeld 30–60 minuten

Render-blokkerende bronnen

CSS en JS in de kop die de eerste weergave vertragen.

Wat het is

Render-blokkerende bronnen zijn bestanden (doorgaans CSS en synchrone JS in <head>) die de browser moet downloaden en verwerken voordat deze inhoud weergeeft. Tot die tijd ziet de gebruiker niets.

Waarom het belangrijk is

Ze zijn de meest voorkomende oorzaak van een trage eerste weergave en een slechte LCP. Hoe meer er zijn en hoe groter ze zijn, hoe langer het duurt voordat de inhoud verschijnt.

Hoe je het doet

  1. 1Scripts uitstellen via uitstellen/async.
  2. 2Identificeer "kritieke CSS" (stijlen voor het zichtbare gedeelte) en lijn deze uit, waarbij de rest asynchroon wordt geladen.
  3. 3Combineer en verklein CSS/JS-bestanden, verwijder ongebruikte stijlen.
  4. 4Externe lettertypen laden met lettertypeweergave: verwissel ze en laad ze vooraf.

Conclusie

Het doel is om zichtbare inhoud zo vroeg mogelijk te leveren en al het andere uit te stellen. Begin met het uitstellen van scripts (een quick win) en het optimaliseren van CSS (kritieke CSS). Dit gebied heeft een directe impact op LCP – een statistiek die Google bijhoudt.

Gerelateerde onderwerpen