Ik heb al geruime tijd een website zelf in beheer, puur hobbymatig. De laatste tijd heb ik een enorme ergenis die ik zelf niet opgelost krijg. Wellicht dat jullie eens een blik kunnen werpen en wat suggesties kunnen opgooien.

De frontpage van de website laadt enorm traag. Het vreemde aan het verhaal is dat de verschillende meetinstrumenten juist het tegendeel bewijzen, waaronder Google zelf. Hierbij wat linkjes naar de recente testresultaten:

https://pagespeed.web.dev/analysis/h...factor=desktop

Ook bij Pingdom Tools krijg ik soortgelijke resultaten en wordt de website binnen 190 ms geladen, aldus de websitechecker.

Als ik nu zelf in mijn browser naar de website ga (zie de website bij PageSpeed ;) ), dan duurt het voor mij een eeuwigheid alvorens hij geladen is of überhaupt iets laat zien.

Hebben jullie enig idee wat hier mis kan gaan? Ervaren jullie dat ook met mijn website (een traag ladende voorpagina)?

Details
* Lazy Load uitgeschakeld
* LiteSpeed Cache
* QUIC.cloud CDN
* Wordpress geoptimaliseerde hosting
* Adsense draait op de website

Vreemd, Google geeft aan dat het allemaal wel redelijk is, terwijl je voorpagina laadt binnen een seconde of 7. Bij mij laadt je website mobiel ook redelijk snel. Als ik de website in desktop mode bezoek, laadt deze langszamer en verschijnt de content langzaam van onderaan de pagina.

Op een andere website krijg ik de melding dat het de pageload voor dik 90% veroorzaakte wordt door 'het' script. Daarmee doelde 2 websites op ongebruikte CSS.

Ik zou de niet gebruikte CCS bestanden verwijderen of een anders speciale plugins hiervoor gebruiken. Er zijn verschillende gratis opties. Maar, deze werken waarschijnlijk niet of niet goed samen met de plugins die je nu gebruikt om de pageload te gebruiken. WP Rocket is mogelijk de meest veelbelovende veel belovende oplossing, maar niet bepaald gratis.

Ik heb inmiddels ook een andere bron geraadpleegd en hierbij werd even gewezen op het verschil tussen een reguliere bezoekers en een admin. De admin krijgt altijd een non-cached versie van de website te zien. Deze is hierdoor altijd langzamer.

Wanneer ik op mijn mobiel kijk is de website inderdaad wel 'snel'. Ook wanneer ik incognito even naar de website ga is de laadtijd enigzins acceptabel. Er is nog wat werk aan de winkel, maar de enorm trage laadtijd waar ik het eerst over had is dus niet van toepassing.

De opmerking over de CSS zal ik even onder de loep nemen. Dergelijke zaken kan ik ook uitsluiten binnen LiteSpeed.

Je theme is denk ik het probleem, althans zo het nu is. Theme bevat Elementor..., maar toch gebruik je ook nog canvas?

Door je te richten op een 100 score houdt je in feite je zelf voor de gek. Ja je hebt een 100 score, maar voor een bezoeker iets ziet, moet er veel meer geladen worden.

Je gebruikt wel webp, maar niet compressed.

Ook gebrui je nog 10+ jpg bestanden, ook niet compressed.

Je logo is png, maar ook niet compressed. Niet gekeken, maar favicon wellicht ook.

Aan de hostings specs te zijn zit je bij mijn.host. Gebruik je redis cache?
Is je database wel geoptimailseerd?

Je geeft aan een cdn te gebruiken, maar zie dat niet terug.

Ik krijg bij jouw website van Firefox zelfs de melding dat hij Firefox vertraagt. Daarna zie ik op de homepage iets van "Ga terug in de tijd" staan maar de website wordt niet geladen. Als ik hem in Chrome open loopt hij ook na een paar tellen vast. Ik kan dan nergens op klikken. De Adsense onder aan wordt geladen, die naast de sidebars blijft wazig. Vreemd, en niet bepaald goed voor de gebruikerservaring.

Misschien moet je het ook iets anders benaderen: zorg eerst dat je de website op zich zo goed en snel mogelijk maakt. Daarna ga je pas extra toeters en bellen zoals Autoptimize, een cache, een CDN en Litespeed toevoegen.

• Zorg dat de afbeeldingen, zoals Iceblock aangeeft, zo klein mogelijk zijn. Logo als SVG, afbeeldingen als fatsoenlijk gecomprimeerde webp's (bij mij worden bij jouw site alleen png's en jpg's geladen.
• Heb je Elementor wel nodig? De website is volgens mij een basic magazine/blog theme. Dan volstaat een bijpassend theme dat genoeg heeft aan de Block Editor of Classic Editor. Elementor, en met name alle extra extensies die er voor zijn, bevatten vaak heel veel bloatware die een website niet bepaald sneller maken. Het gebruikte Neeon theme is in de demo's ook allesbehalve snel (typische Themeforest bloatware).
• Moeten Adsense en de Cookie Banner wel meteen geladen worden? Met de Flying Scripts plugin kun je die ook een paar tellen later laden.
• Ik zie ook 'js tickers' in de broncode staan. Ook onnodig, laat lekker achterwege.
• Lazy Load gebruik je normaal gesproken voor álle afbeeldingen behalve die boven de vouw. Zit volgens mij tegenwoordig standaard in WordPress.
• Activeer GZIP-compressie (in je hosting controlepaneel het dat meestal "Website optimaliseren").
• Deactiveer de Pin-it optie. Dat is in deze niche echt onnodig. Scheelt weer ca 50 kB scriptjes.
• Er wordt, als ik de CSS bekijk, nogal wat met een CSS-animatie geladen. Ook dat is (lang) niet altijd nodig en kost de nodige laadtijd.
• Verder kun je kijken of het loont om de CSS te splitsen in een critical/non-critical (boven de vouw/onder de vouw) CSS.