You likely will have to configure AsyncJS to exclude jQuery from being deferred/ asynced Rieneke, as the jetpack lazyload JS requires jQuery early.
hope this helps,
frank
Hi Frank,
Dank je wel voor je antwoord. Kan je ook in het Nederlands antwoorden? want ik begrijp het echt niet…Kan ik dit ergens instellen in wordpress?
Alvast heel erg bedankt.
tuurlijk Rienke; op het instellingingscherm van “Async JavaScript” is er onder andere de keuze om jQuery te deferren, asyncing of uit te sluiten, je moet die laatste optie kiezen, zie screenshot hieronder;
Hartelijk dank voor je antwoord. In eerste instantie maakte het geen verschil, maar nu heb ik de plugin Shortpixel Image Optimizer uitgeschakeld en nu lijkt het wel te werken. Echter vraag ik me nu af of de pagina’s nu wel echt sneller laden. Kan de plugin ShortPixel Image Optimizer het probleem zijn? Of heb je nog andere tips?
hmm, ik *denk* dat dat afhangt van welke opties in Shortpixel aanstaan; als er JavaScript aan te pas komt moeten we misschien meer uitsluiten van AsyncJS, maar aangezien Shortpixel nu af staat kan ik dat niet zien vrees ik ..
Ik heb nu echt van alles geprobeerd. Maar het probleem blijft dat sommige pagina’s in Chrome niet goed laden, de afbeeldingen niet. En bij diezelfde pagina’s is ook de footer verdwenen. Soms laadt een andere pagina ineens weer wel goed, incl footer, en een andere weer niet.
OK, even een stapje terug; als je “defer” kiest en jQuery uitsluit, welke JavaScript fouten zie je dan in de browser console verschijnen?
Oke, wat ik nu heb gedaan:
Async gekozen bij Async JavaScript Method
jQuery uitsluiten
Nu heb ik geen plugins meer uitgesloten, ook niet ShortPixel Optimizer.
Alles lijkt goed te werken in Chrome en Safari. Dus nu ineens geen problemen meer. Dat is goed nieuws.
De paginasnelheid bij PageSpeed Insights blijft steken rond de 30 voor alle pagina’s. Er staat bij ‘verwijder bronnen die de weergave blokkeren’:
https://natuurlijkbevallen.nl/wp-content/cache/autoptimize/css/autoptimize_bb1c1fafe0605eb0ec0c714462db17a1.css
https://natuurlijkbevallen.nl/wp-content/cache/autoptimize/css/autoptimize_541e2ced151704f4ff1844c6de47ec02.css
https://natuurlijkbevallen.nl/wp-includes/js/jquery/jquery.min.js?ver=3.5.1
https://www.googletagmanager.com/gtag/js?id=UA-158926297-1
Dan staat er ook nog: Schakel tekstcompressie in en Verwijder ongebruikt Javascript en Ongebruikte CSS verwijderen. Daar staan ook nog aanbevelingen bij.
Kun je hier iets mee?
Nogmaals veel dank voor je uitleg en geduld!!
voor de weergave-blokkerende CSS; bekijk “Belangrijke CSS in HTML voegen, de rest uitstellen?” optie eens, zie de Autoptimize FAQ (EN) voor meer info. met jQuery ga je moeten leren leven vrees ik (je hebt dat moeten uitsluiten van asyncjs).
tekstcompressie; ligt eraan over welke bestanden het gaat, ik zie alleszins dat de Autoptimize CSS wel degelijk gecomprimeerd is?
ongebruikte CSS/ JS: Autoptimize weet niet welke CSS/ JS wel of niet gebruikt wordt, maar voor de ongebruikte CSS is er wel een betalende oplossing van een ander bedrijf, cfr. de “rapidload” vermelding op Autoptimize’s “extra” tab.
groeten uit België!
frank
Beste Frank,
Hartelijk dank voor al je tijd. Ik heb die optie aangezet, maar mijn website ging wat vreemd doen met laden en de snelheid werd niet veel beter. Dus toch maar weer uitgezet.
Mijn technische kennis is niet toereikend om hiermee verder te gaan. Dus ik zal het hierbij moeten laten, vrees ik.
Nogmaals dank voor de tijd en moeite!
groeten uit Nederland!
Rieneke
