Du har muligvis stødt på PageSpeed Insights -advarslen "Udskudt parsing af JavaScript", mens du kørte en hastighedstest af et website. Her er, hvordan du nemt gør det i WordPress.
Udskyd JavaScript i WordPress
Der er tre primære måder, du kan bruge til at udsætte parsningen af JavaScript i WordPress. Et WordPress-plugin ville være en god løsning til at udsætte JavaScript-parsningen. Du kan finde både gratis og premium-plugins til at gøre dette. Ved hjælp af to populære plugins viser vi dig præcis, hvordan du gør dette.
Brug af Varvy-metoden er en mulighed, hvis du er en teknisk kyndig bruger og er villig til at redigere koden direkte på dit websted for at bruge kodestykket fra Varvy.
Det er også muligt automatisk at udsætte scripts fra at blive indlæst i dit child-temas functions.php-fil ved at tilføje et lille kodestykke til filen. Lad os starte med den første metode:
1. Gratis Async JavaScript-plugin
Frank Goossens har lavet et gratis WordPress-plugin kaldet Async JavaScript, udviklet af den samme fyr bag det virale Autoptimize-plugin.
Med den kan du simpelthen udsætte parsing af JavaScript ved at bruge async- eller defer-metoder.
Du kan komme i gang ved at installere og aktivere det gratis plugin fra WordPress.org for at komme i gang. Du vil derefter kunne konfigurere plugin'et i afsnittet Async JavaScript på siden Indstillinger.
Øverst kan du aktivere pluginets funktionalitet og vælge mellem async og defer.
JavaScript downloades, mens HTML stadig parses under asynkron download, men HTML-parsningen sættes på pause for at udføre JavaScript.
Denne funktion tillader download af JavaScript, mens HTML stadig parses, og venter på at udføre det, efter HTML er blevet parset.
Du kan vælge, hvordan jQuery skal håndteres længere nede på siden. Du kan muligvis ødelægge din hjemmesides kernefunktionalitet, hvis du forsøger at udsætte parsningen af dine jQuery-scripts. Hvis du vil være på den sikre side, bør du udelukke jQuery, men hvis du vil eksperimentere med at udsætte det, er det også fint. Test din hjemmeside, før du lancerer den.
Der er også en god brugervenlig funktion, der lader dig målrette specifikke temaer eller plugins, der er aktive på dit websted, ved at vælge, om de skal udskydes eller ej, samt muligheden for manuelt at inkludere eller ekskludere specifikke scripts fra at blive forsinket.
2. Brug WP Rocket-pluginnet
WP Rocket-pluginnet er et af de få caching-plugins, vi tillader, fordi det har indbygget integration til caching på serverniveau, der integreres problemfrit med WP Rocket-pluginnet.
Fanen Filoptimering i WP Rocket-dashboardet indeholder mange andre muligheder for ydeevneoptimering og muligheden for at udsætte parsningen af JavaScript, som du kan finde under fanen Ydeevne. I afsnittet JavaScript-filer kan du finde en indstilling, der siger Indlæs JavaScript udskudt.
Brug Varvys anbefalede metode
Tidligere i dette indlæg nævnte vi, at Patrick Sexton fra Varvy anbefalede at bruge et kodestykke, der venter, indtil den første indlæsning af dit websted er fuldført, før JavaScript downloades og udføres.
Ved at justere kodestykket, som Varvy leverer, og derefter tilføje scriptet direkte før den afsluttende tag i body-tagget, kan du implementere denne metode ved at bruge kodestykket, som Varvy leverer, som skabelon.
Du kan finde flere artikler som denne på Seahawk Media Blog .
Vil du gerne gøre din WordPress-hjemmeside hurtig? Vælg vores WordPress-hastighedsoptimeringstjeneste .
