Inhoudsopgave:

Hoe stel ik renderblokkering van CSS uit?
Hoe stel ik renderblokkering van CSS uit?

Video: Hoe stel ik renderblokkering van CSS uit?

Video: Hoe stel ik renderblokkering van CSS uit?
Video: Zo elimineer je render-blocking resources in WordPress (CSS + JavaScript) 2024, November
Anonim

De meest voorkomende oplossing, om verschuiven het laden van uw render blokkerende CSS , en verminderen veroorzaken - blokkeren round trips wordt loadCSS genoemd door Filament Group. De nieuwste versie maakt gebruik van het nog niet volledig ondersteunde kenmerk dat het asynchroon laden van CSS.

Hoe los ik dan de weergaveblokkering op?

Renderblokkering repareren JavaScript met W3 Total Cache Vervolgens moet je naar de pagina Prestaties »Algemene instellingen gaan en naar beneden scrollen naar het gedeelte Verkleinen. Eerst moet u 'Inschakelen' naast de optie Minify aanvinken en vervolgens 'Handmatig' selecteren voor de optie voor de minify-modus. Klik op de knop Alle instellingen opslaan om uw instellingen op te slaan.

Ten tweede, wat is het elimineren van renderblokkerende bronnen? Veroorzaken - bronnen blokkeren vertraag de waargenomen laadtijden van uw WordPress-site door de browsers van bezoekers te dwingen te vertragen weergave inhoud boven de vouw terwijl de browser bestanden downloadt die niet meteen nodig zijn. Tot elimineer renderen - bronnen blokkeren op WordPress kunt u off-the-rack plug-ins gebruiken.

Naast het bovenstaande, blokkeert CSS de weergave?

Veroorzaken Blokkeren CSS . Standaard, CSS is behandeld als een veroorzaken bron blokkeren, wat betekent dat de browser dat niet doet veroorzaken alle verwerkte inhoud tot de CSSOM is gebouwd. de HTML is duidelijk, want zonder de DOM zouden we niets te doen hebben veroorzaken , maar de CSS eis kan minder voor de hand liggend zijn.

Hoe weet ik of ik Render-blokkerende middelen heb?

Renderblokkerende bronnen identificeren:

  1. Zoek naar niet-kritieke bronnen die worden geladen vóór de startweergaveregel (via webpaginatest.org).
  2. Test het verwijderen van bronnen via Google Dev Tools om te zien hoe pagina-inhoud wordt beïnvloed.
  3. Eenmaal geïdentificeerd, werk je samen met ontwikkelaars om de beste oplossing te vinden om bronnen voor het blokkeren van renders uit te stellen.

Aanbevolen: