Innehållsförteckning:

Hur skjuter jag upp renderingsblockerande CSS?
Hur skjuter jag upp renderingsblockerande CSS?

Video: Hur skjuter jag upp renderingsblockerande CSS?

Video: Hur skjuter jag upp renderingsblockerande CSS?
Video: How to Eliminate Render-Blocking Resources on WordPress (CSS + JavaScript) 2024, November
Anonim

Den vanligaste lösningen, att uppskjuta lastningen av din rendera blockerande CSS och minska framställa - blockering rundresor kallas loadCSS av Filament Group. Den senaste versionen drar fördel av det ännu inte fullt stödda attributet som tillåter asynkron laddning av CSS.

Hur fixar jag renderingsblockering?

Fixa renderingsblockering JavaScript med W3 Total Cache Därefter måste du besöka sidan Prestanda » Allmänna inställningar och scrolla ned till Minify-sektionen. Först måste du markera "Aktivera" bredvid alternativet förminska och sedan välja "Manuellt" för alternativet förminska. Klicka på knappen Spara alla inställningar för att spara dina inställningar.

För det andra, vad är eliminera renderingsblockerande resurser? Framställa - blockerar resurser sakta ner de upplevda sidladdningstiderna på din WordPress-webbplats genom att tvinga besökarnas webbläsare att försena tolkning innehåll ovanför mitten medan webbläsaren laddar ner filer som inte behövs direkt. Till eliminera rendering - blockerar resurser på WordPress kan du använda off-the-rack plugins.

Bredvid ovan, blockerar CSS rendering?

Framställa Blockering CSS . Som standard, CSS är behandlas som en framställa blockerande resurs, vilket innebär att webbläsaren inte gör det framställa allt bearbetat innehåll fram till CSSOM är konstruerad. HTML är uppenbart, eftersom utan DOM skulle vi inte ha något att framställa , men CSS kravet kan vara mindre självklart.

Hur vet jag om jag har resurser som blockerar Render?

Så här identifierar du renderingsblockerande resurser:

  1. Leta efter icke-kritiska resurser som laddas före startraden (via webpagetest.org).
  2. Testa att ta bort resurser via Google Dev Tools för att se hur sidinnehåll påverkas.
  3. När de har identifierats, arbeta med utvecklare för att hitta den bästa lösningen för att skjuta upp renderingsblockerande resurser.

Rekommenderad: