Når det kommer til web-ydeevne, er en af de kritiske faktorer at eliminere gengivelsesblokerende ressourcer. Gengivelsesblokerende ressourcer forsinker gengivelsen af en side og kan omfatte ting som JavaScript- og CSS-filer. Disse ressourcer skal indlæses, før browseren kan begynde at gengive siden. Dette inkluderer eksterne CSS- og JavaScript-filer og alt andet, der kan forsinke browserens visning i starten.
Selvom nogle gengivelsesblokerende ressourcer er nødvendige, såsom CSS-filer, der sikrer, at din side ser korrekt ud, kan andre optimeres eller elimineres. For at maksimere din hjemmesides indlæsningshastighed er det vigtigt at identificere og minimere eller eliminere gengivelsesblokerende ressourcer, hvor det er muligt. Du har måske bemærket denne anbefaling, mens du testede dit WordPress-websted på PageSpeed-værktøjet.
Hvordan identificerer man en gengivelsesblokerende ressource?
Når du forsøger at forbedre din hjemmesides ydeevne, kan du støde på udtrykket "render-blocking resources". Dette refererer til alle ressourcer, der skal indlæses, før browseren kan begynde at gengive siden. Dette inkluderer typisk eksterne CSS- og JavaScript-filer.
Du kan bruge Google Chrome Developer Tools til at identificere en gengivelsesblokerende ressource. Indlæs dit websted i Chrome, og åbn derefter Developer Tools. Klik på fanen Dækning, og sørg derefter for, at indstillingen "Deaktiver cache" er markeret. Dette sikrer, at du ser den mest opdaterede version af dit websted.
Genindlæs nu dit websted. Udviklerværktøjerne viser dig en liste over alle de ressourcer, der er indlæst, mens din side gengives. Kig efter ressourcer, der har en rød linje ved siden af dem. Disse er de gengivelsesblokerende ressourcer.
3 måder at eliminere en gengivelsesblokerende ressource i WordPress?
Der er et par forskellige måder at gøre dette på i WordPress.
Metode 1:
En af dem er at integrere kritisk CSS, hvilket betyder at integrere CSS-koden direkte i HTML-filen i stedet for at kalde et eksternt stylesheet. Dette kan være effektivt for små websteder med kun få sider, men er ikke praktisk for større websteder. Når du har identificeret de gengivelsesblokerende ressourcer, skal du fjerne eller integrere dem. Inlining betyder at integrere ressourcen direkte i koden, så den ikke behøver at indlæses separat. Dette kan gøres med JavaScript- og CSS-filer. Plugins som Flyingpress, WP Rocket, Swift Performance eller LiteSpeed-cache kan hjælpe dig med at automatisere dette.
Metode 2:
En anden mulighed er at indlæse ikke-kritiske ressourcer efter den første sideindlæsning. Dette kan gøres ved hjælp af asynkrone indlæsningsteknikker, f.eks. indlæsning af JavaScript-filer efter at dokumentet er blevet parset, eller ved hjælp af defer-attributter.
Metode 3:
Endelig kan du også prøve at reducere antallet af ressourcer, der er nødvendige på hver side. Dette kan betyde at kombinere flere CSS- eller JavaScript-filer i én fil eller bruge mindre billeder, der indlæses hurtigere. Ved at reducere antallet af gengivelsesblokerende ressourcer kan du forbedre dit websteds indlæsningshastighed betydeligt og give dine besøgende en bedre brugeroplevelse. Hvis du har brug for mere tid til at blive fortrolig med at arbejde med kode, kan nogle plugins hjælpe med at automatisere denne proces, såsom Autoptimize, WPRocket osv.
I nogle tilfælde kan gengivelsesblokerende ressourcer være nødvendige for at dit websted fungerer korrekt. I disse tilfælde skal du finde en måde at optimere dem på, så de indlæses hurtigere.
Afslutning
Hvis du fulgte ovenstående råd, burde du nu have fjernet de fleste, hvis ikke alle, gengivelsesblokerende ressourcer på dit websted. Hvis du stadig har brug for hjælp, så tjek vores professionelle WordPress-hastighedsoptimeringstjeneste. Vi hjælper dig med at forbedre dit websteds ydeevne og hastighed, hvilket er afgørende for at skabe et brugervenligt websted af høj kvalitet.
Husk, at andre faktorer kan påvirke dit websteds ydeevne, såsom serverens svartid, filstørrelser og kodekvalitet. At fjerne gengivelsesblokerende ressourcer er dog en fremragende tilgang til at forbedre dit websteds hastighed, ydeevne og Core Web Vitals- karakterer.
