Hoe u uw WordPress-site kunt versnellen door de uitvoering van JavaScript uit te stellen

Heeft u ooit het gevoel dat uw WordPress-site langzamer draait dan een slak op een loopband? Weet je, het soort frustratie dat ervoor zorgt dat je je laptop uit het raam wilt gooien en uit volle borst wilt schreeuwen? Ja, we zijn er allemaal geweest.

U heeft waarschijnlijk alles geprobeerd om uw site te versnellen, van caching tot verkleinen tot lazyloading. Maar niets lijkt een significant verschil te maken. U zit nog steeds met een trage site die een eeuwigheid nodig heeft om te laden en die uw bezoekers irriteert.

Wat als we u vertelden dat er een eenvoudige manier is om de prestaties van uw WordPress-site te optimaliseren met behulp van Delay JavaScript Execution ? Een manier die uw initiële laadtijd kan verkorten, uw Core Web Vitals-scores kan verbeteren en enkele fouten en conflicten kan voorkomen. Klinkt te mooi om waar te zijn, toch?

Nou, dat is het niet. Het is een functie die is ingebouwd in een van de beste caching-plug-ins op de markt: WP Rocket .

In deze blogpost laten we u zien hoe u dit kunt gebruiken om de snelheid en prestaties van uw site te verbeteren. klaar om te beginnen? Laten we gaan!

Wat is WP Rocket?

WP Rocket is een premium caching-plug-in die de snelheid en prestaties van uw WordPress-site verbetert. In plaats van de omvangrijkere PHP-scripts wordt dit bereikt door statische HTML-bestanden van uw dynamische WordPress-sites te genereren en deze aan uw bezoekers weer te geven. Dit vermindert de belasting van uw server en verbetert de responstijd van uw website.

WP Rocket biedt ook vele andere functies om uw site te optimaliseren, zoals:

• GZIP-compressie: verkleint de bestandsgrootte en bespaart bandbreedte.
• Browsercaching: cachet statische bronnen in de browser, waardoor het aantal zoekopdrachten naar uw server wordt verminderd.
• Minificatie en aaneenschakeling: verminder het aantal HTTP-verzoeken door onnodige spaties en opmerkingen uit uw code te verwijderen en talloze bestanden in één te combineren.
• LazyLoad: Vertraagt ​​het laden van afbeeldingen en iframes totdat ze op het scherm verschijnen, waardoor bandbreedte wordt bespaard en de laadtijd wordt verbeterd.
• CDN-integratie: verspreidt uw materiaal over een wereldwijd netwerk van servers om het sneller aan uw bezoekers te bezorgen.
• Database-optimalisatie: verwijdert onnodige gegevens uit uw database en verkleint de omvang ervan.
• Vooraf laden: genereert vooraf de cache voor uw startpagina en alle gelinkte pagina's om de indexering door zoekmachines te verbeteren.
• En meer...

Hoe kan WP Rocket u helpen de uitvoering van JavaScript te vertragen?

WP Rocket bevat de mogelijkheid om de uitvoering van JavaScript te vertragen. Deze functie verbetert de prestaties door het laden van alle JavaScript-bestanden en inline-scripts uit te stellen totdat er een gebruikersinteractie plaatsvindt (bijvoorbeeld de muis over de pagina bewegen, het scherm aanraken, scrollen, op een toets drukken, scrollen met het muiswiel). Het werkt op dezelfde manier als LazyLoad, maar dan voor JavaScript-bestanden.

Als u de uitvoering van JavaScript uitstelt, kunnen de prestatiestatistieken van uw site, zoals First Contentful Paint (FCP), Largest Contentful Paint (LCP) en Time to Interactive (TTI), worden verbeterd door de initiële laadtijd van uw webpagina's te verkorten. Deze statistieken zijn belangrijk voor de gebruikerservaring en SEO, omdat Google ze in zijn Core Web Vitals rangschikt.

WP Rocket herkent scripts die veilig kunnen worden uitgesteld en past de vertraging daarop toe. In de WP Rocket-instellingen kunt u ook handmatig de trefwoorden opgeven die de bestanden identificeren die moeten worden uitgesteld.

Hoe kan ik JavaScript-uitvoeringsvertraging inschakelen in WP Rocket?

Om vertraagde JavaScript-uitvoering in WP Rocket in te schakelen, voert u de volgende stappen uit:

Stap 1: Installeer en activeer WP Rocket op uw WordPress-site.

Om dat te doen, kunt u de WP Rocket-site bezoeken, inloggen en de plug-in kopen, zodat u over alle functies beschikt die u kunt gebruiken in de demonstraties die we u hieronder laten zien.

Nadat u de plug-in heeft aangeschaft en het zip-bestand heeft gedownload, gaat u naar Plug-ins > Nieuw toevoegen op uw WordPress-dashboard en klikt u op Plug-in uploaden bovenaan de pagina.

Nadat u op Plug-in uploaden heeft geklikt, verschijnt een nieuw venster waarin u een vak "Bestand kiezen" ziet. U moet erop klikken en het zip-installatiebestand selecteren in uw bestandsbeheer.

Wanneer u het zipbestand kiest, klikt u op de knop Nu installeren.

Ga naar Instellingen > WP Rocket > tabblad Geavanceerde regels .

Scroll naar beneden naar de sectie JavaScript-uitvoering vertragen .

Voeg trefwoorden toe in de velden Scripts die moeten worden uitgesteld of Scripts die moeten worden uitgesloten van vertraging , gescheiden door komma's.

Sla de aangebrachte wijzigingen op.

Als u bijvoorbeeld alle scripts met de woorden "jquery" of "analytics" in hun naam wilt vertragen, voert u deze termen in de sectie Te vertragen scripts in.

Als je alle scripts met de termen "WooCommerce" of "cart" in hun naam wilt weglaten, voer ze dan in de Scripts in om weg te laten uit het gebied Vertraging.

Wat zijn de voordelen van het uitstellen van de uitvoering van JavaScript?

Door de uitvoering van JavaScript uit te stellen, kunt u profiteren van verschillende voordelen voor uw WordPress-site, zoals:

• Snellere laadtijd: u kunt de hoeveelheid tijd die uw webpagina's nodig hebben om inhoud te laden en weer te geven, verkorten door de uitvoering van JavaScript te vertragen. Dit kan de gebruikerservaring, retentie en SEO-ranking verbeteren.
• Verbeterde prestatiestatistieken: door de uitvoering van JavaScript uit te stellen, kunt u de prestatiestatistieken van uw site, zoals FCP, LCP en TTI, verbeteren. Deze metingen houden bij hoe snel uw website bruikbaar en interactief wordt voor gebruikers. Google gebruikt ze ook als rankingfactoren in zijn Core Web Vitals.
• Minder fouten en conflicten: door de uitvoering van JavaScript uit te stellen, kunt u een aantal fouten en conflicten voorkomen die kunnen optreden bij het gelijktijdig laden en uitvoeren van veel scripts. Sommige scripts kunnen bijvoorbeeld afhankelijk zijn van scripts die nog niet zijn geladen of kunnen met elkaar communiceren. Het uitstellen van de uitvoering van JavaScript kan deze problemen helpen voorkomen en een betere gebruikerservaring bieden.

Conclusie

Ten slotte is het uitstellen van het laden en uitvoeren van niet-essentiële JavaScript-code totdat de gebruiker interactie heeft met de pagina of naar beneden scrollt een geweldige strategie om de prestaties van WordPress-sites te verbeteren.

WP Rocket is een krachtige plug-in waarmee gebruikers eenvoudig en succesvol vertraagde JavaScript-uitvoering op hun WordPress-sites kunnen implementeren, evenals andere functies die de snelheid en efficiëntie van de site kunnen verbeteren.

Gebruikers kunnen de laadtijd, PageSpeed-score, gebruikerservaring en conversies van hun site verhogen door de functie Delay JavaScript Execution van WP Rocket te gebruiken.