render blocking
-
Hi,
Volgens Google lighthouse en GT metrix is de snelheid van mijn website met minimaal 2 seconden te verbeteren. De grootste vertraging ( 2 sec) is het gevolg van ‘render-blocking’ op de url …. jquery/jquery.min.js?ver=3.5.1.Wie weet hoe dit punt opgelost, of verbeterd kan worden?
Graag advies,
Teo28De pagina waar ik hulp bij nodig heb: [log in om de link te zien]
-
Beste Guido,
Dank je wel voor de suggestie.
Ik heb beide plugins op de aanbevolen manier op twee verschillende websites getest. Ook de optie ‘jquery … ‘ver’ onder de tab extra van autoptimize uitgeprobeerd.
Het blijkt dat de TTF niet verbeterd, ook de performance wordt er niet beter van. Wel wordt de CLS slechter als ‘jquery … ver’ onder de tab extra is ingeschakeld. Ook vraagt autoptimize dan 300-400 ms extra tijd. Waardoor de performance waarde ongeveer 15% lager wordt.
Mijn conclusie is dat beide plugins geen verbeterde performance geven; de sites niet sneller maken. Wèl snap ik nu dat ik niet op die jquery/jquery … ver van WP kan optimaliseren om de performance score hoger te maken.
Er is voor mij ander werk te doen op de vier van de zes items die lighthouse test. Bijvoorbeeld de LCP en de Time to interactive. Maar hoe dat moet, weet ik niet.
Misschien dat je daar ook iets over/van kan zeggen?
Vriendelijke groet,
TeoHallo Teo,
Ik ben geen expert op dat gebied. Is een vak apart. Maar ik denk wel dat je het vrijwel nooit perfect krijgt, vooral niet als je op shared hosting zit. Ga ervan uit dat ook jij dat hebt. Dat heeft nu eenmaal z’n beperkingen.
Ik heb een heel eenvoudige WP site en kom in Lighthouse uit op een score van 93-100.
Dat jQuery bestand die 2 seconden vertraging geeft… staat die in de map van WordPress zelf, of van je thema of een plugin?Guido
Je homepage voelt snel en is snel, volgens gtmetrix (zie https://gtmetrix.com/reports/jalobo.nl/zcvNWqJq/) – wat je wel hebt is een hoge CLS dus dat ligt aan je thema die je pagina’s bouwt en nog veel verschuift bij in het inladen, wat meestal ligt aan afbeeldingen. Kijk of je thema daar instellingen in heeft, maar sowieso is je site nu al snel. Staar je niet blind op een specifiek moment/test, want het zijn ook altijd momentopnames. Als je op shared hosting zit, en het er is op dat moment druk, kan het een heel ander resultaat zijn.
Ja m’n website wordt gehost op shared hosting en inderdaad is de lighthouse of GT metrix score afhankelijk van het moment van testen.
Voor zover ik weet is de jquery/jquey file deel van oude WP versies. Mbv autoptimize worden die bestanden kennelijk genegeerd, maar dat kost weer tijd. In totaal ongeveer 1 sec bij die instellingen.
Ik heb alle afbeeldingen op één formaat gemaakt en zo goed mogelijk geoptimaliseerd. Ook pas ik lazy loading toe mbv een instelling in het thema zelf. Ik begrijp echter niet hoe ik de cls verder kan verbeteren. Maw welke andere factoren een rol daarbij spelen.
jQuery wordt nog steeds gebruikt door WordPress in de wp-admin om bepaalde interactieve zaken zoals filtering/screen options en ook in de editor te gebruiken, maar standaard wordt die niet ingeladen op de voorzijde, dat hangt af of je thema of 1 of meerdere plugins in je site daarvan afhankelijk zijn en dat script dus enqueuen. Zoek uit welke dat is en kijk of je een beter of sneller thema/plugin alternatief kan vinden die niet afhankelijk is van jQuery.
Hi Jeroen,
Bedankt voor het meedenken.Voor mijn websites gebruik ik heel weinig plugins, w3totalcache en yoast SEO. Met yoast uitgeschakeld zie ik nog steeds de zelfde jquery/jquery bestanden als vertragende factor verschijnen. w3totalcache heb ik niet op deze manier getest.
Een aantal verschillende instellingen op mijn thema uitgeprobeerd.
1.jquery migrate script ‘uit’ , dan zijn de vertragers aanwezig.
2. jquery migrate script ‘uit’ met load style sheets in footer ‘aan’, geeft duidelijke FOUC effecten.
3. jquery migrate script ‘uit’ met Javascript compiler ‘uit’ haalt ook die vertragende bestanden niet weg. Die verdwijnen dus wel als ik autoptimize gebruik, zie boven.Google geeft hier: https://web.dev/optimize-cls/ info over het optimaliseren van CLS. En over LCP staat hier e.e.a. : https://web.dev/optimize-lcp/
Maar ik kan daar weinig mee, mijn kennis schiet tekort.
Teo
jQuery Migrate en jQuery zelf zijn 2 verschillende scripts, die uitschakelen of aanpassen zal het feit dat je thema afhankelijk is van jQuery niet veranderen. Dus ga in gesprek met je thema ontwikkelaar of kies een thema die jQuery niet nodig heeft.
- Het onderwerp ‘render blocking’ is gesloten voor nieuwe reacties.