Du kan ha stött på PageSpeed Insights -varningen "Defer Parsing of JavaScript" när du körde ett hastighetstest för webbplatsen. Så här gör du det enkelt i WordPress.
Skjut upp JavaScript i WordPress
Det finns tre huvudsakliga sätt att skjuta upp JavaScript-parsningen i WordPress. Ett WordPress-plugin skulle erbjuda en bra lösning för att skjuta upp JavaScript-parsningen. Du kan hitta både gratis och premium-plugins för att göra detta. Med hjälp av två populära plugins visar vi dig exakt hur du gör detta.
Att använda Varvy-metoden är ett alternativ om du är en tekniskt kunnig användare och är villig att redigera koden direkt på din webbplats för att använda kodavsnittet från Varvy.
Det är också möjligt att automatiskt skjuta upp skript från att laddas i ditt barntemas functions.php-fil genom att lägga till ett litet kodavsnitt i filen. Låt oss börja med den första metoden:
1. Gratis Async JavaScript-plugin
Frank Goossens har skapat ett gratis WordPress-plugin som heter Async JavaScript, utvecklat av samma person bakom det virala Autoptimize-pluginet.
Med den kan du enkelt uppskjuta parsning av JavaScript genom att använda async- eller defer-metoder.
Du kan komma igång genom att installera och aktivera det kostnadsfria pluginet från WordPress.org för att komma igång. Du kommer sedan att kunna konfigurera pluginet i avsnittet Async JavaScript på inställningssidan.
Högst upp kan du aktivera plugin-programmets funktionalitet och välja mellan async och defer.
JavaScript laddas ner medan HTML fortfarande parsas under asynkron nedladdning, men HTML-parsningen pausas för att köra JavaScript.
Den här funktionen gör att JavaScript kan laddas ner medan HTML fortfarande tolkas och väntar på att köra det efter att HTML har tolkats.
Du kan välja hur jQuery ska hanteras längre ner på sidan. Du kan förstöra din webbplats kärnfunktionalitet om du försöker skjuta upp parsningen av dina jQuery-skript. Om du vill vara på den säkra sidan bör du utesluta jQuery, men om du vill experimentera med att skjuta upp det går det också bra. Testa din webbplats innan du lanserar den.
Det finns också en trevlig användarvänlig funktion som låter dig rikta in dig på specifika teman eller plugins som är aktiva på din webbplats genom att välja om de ska skjutas upp eller inte, samt möjligheten att manuellt inkludera eller exkludera specifika skript från att bli försenade.
2. Använd WP Rocket-pluginet
WP Rocket-pluginet är ett av få caching-plugins som vi tillåter eftersom det har inbyggd integration för cachning på servernivå som integreras smidigt med WP Rocket-pluginet.
Fliken Filoptimering i WP Rocket-instrumentpanelen innehåller många andra prestandaoptimeringsalternativ och möjligheten att skjuta upp parsningen av JavaScript, vilket du hittar under fliken Prestanda. I avsnittet JavaScript-filer hittar du ett alternativ som säger Ladda JavaScript uppskjutet.
Använd Varvys rekommenderade metod
Tidigare i det här inlägget nämnde vi att Patrick Sexton från Varvy rekommenderade att använda ett kodavsnitt som väntar tills den första laddningen av din webbplats är klar innan JavaScript laddas ner och körs.
Genom att justera kodavsnittet som Varvy tillhandahåller och sedan lägga till skriptet direkt före den avslutande taggen i body-taggen kan du implementera den här metoden genom att använda kodavsnittet som Varvy tillhandahåller som mall.
Du kan hitta fler artiklar som denna på Seahawk Media Blog .
Vill du göra din WordPress-webbplats snabb? Välj vår WordPress-hastighetsoptimeringstjänst .
