In tijden waarin bijna alle informatie op elk moment en vanaf elke plaats beschikbaar is, moeten websites en andere online inhoud aan bepaalde criteria voldoen om gebruikers (en dus ook zoekmachines) tevreden te stellen. Een van deze criteria is laadtijd. We leggen uit hoe je de prestaties kunt analyseren en vervolgens kunt optimaliseren om op de lange termijn betere rankings te krijgen.<\/p>\n\n\n\n
Stel je voor dat je een snackbar binnenloopt, enorme trek hebt en gewoon niet bediend wordt. Wat gebeurt er dan? Precies, je verlaat gehaast de zaak en gaat naar de concurrent in de hoop daar sneller iets te eten te krijgen. Zelfs als je niet meteen weggaat, is het onwaarschijnlijk dat je terugkomt.<\/p>\n\n\n\n
Als je dit voorbeeld overzet naar de digitale wereld, wordt de snackbar de website en wordt de snelheid van de service de laadtijd van deze website. Als je mee wilt spelen in de topcompetitie wat betreft rankings, moet je zo snel mogelijk nadenken over je service, met andere woorden je prestaties. Google rangschikt graag websites die bijzonder gebruiksvriendelijk zijn. Naast een coherente lay-out en een duidelijke presentatie van een onderwerp, omvat gebruiksvriendelijkheid ook de laadtijd van de inhoud. Als het laden van de pagina te lang duurt, neemt het bouncepercentage toe omdat veel gebruikers op de \u201cterugknop\u201d klikken en naar het volgende zoekresultaat op de Google SERP gaan.<\/p>\n\n\n\n
Voordat je de prestaties van je website verbetert, kun je het beste eerst controleren hoe slecht je PageSpeed eigenlijk is. Je kunt hiervoor verschillende tools gebruiken.<\/p>\n\n\n\n
PageSpeed-inzichten<\/a> is een tool van Google waarmee je in een handomdraai de prestaties van een bepaalde URL kunt controleren. In het ideale geval krijgt u een beoordeling \u201cGoed\u201d voor zowel de uitvoer op mobiele apparaten als de uitvoer op het desktopapparaat. Als de laadtijd niet helemaal optimaal is, beoordeelt de tool de prestaties als \u201cGemiddeld\u201d. Bij een \u201clage\u201d beoordeling is er behoefte aan optimalisatie. Het mooie is dat Google je direct na de analyse optimalisatiesuggesties geeft.<\/p>\n\n\n\n Gebruikt u de Pingdom website snelheidstest<\/a> om de prestaties van je pagina te analyseren, zul je merken dat het een veel positiever beeld geeft van de laadtijden dan Google's PageSpeed Insights. Je hebt ook de optie om verschillende serverlocaties te selecteren voor je zoekopdracht. Na de analyse toont de tool je de laadtijd (hopelijk in milliseconden), de Google PageSpeed Performance Grade (zou A moeten zijn), de grootte van de website en een reeks andere gegevens.<\/p>\n\n\n\n De analyse wordt nog uitgebreider met de Hulpmiddel van webpagetest.org<\/a>. Hier kun je nog een paar serverlocaties selecteren en - heel cool - de testomgeving defini\u00ebren (smartphonemodel, browser, enz.). De resultaten zijn zeer uitgebreid en vormen een uitstekende database waarmee je de prestaties van je website kunt optimaliseren.<\/p>\n\n\n\n Zodra je hebt geanalyseerd waar de schoen wringt wat betreft laadtijd van de website, kun je beginnen met de optimalisatie.<\/p>\n\n\n\n Om de analysegegevens wat begrijpelijker te maken: De meest voorkomende oorzaken van slechte prestaties zijn...<\/p>\n\n\n\n ...grote hoeveelheden gegevens,<\/p>\n\n\n\n ongecomprimeerde afbeeldingen,<\/p>\n\n\n\n een overladen thema en<\/p>\n\n\n\n trage databases en servers.<\/p>\n\n\n\n Draait je website op WordPress of Joomla! en ziet het premium thema dat je hebt gekocht er erg slim uit? Dat is prima, maar het is niet ongewoon dat thema's volledig overbelast zijn, wat leidt tot trage laadtijden van websites. Kijk eens of er een slanker thema is dat niet alleen wordt gekenmerkt door zijn direct aantrekkelijke uiterlijk, maar ook door zijn prestaties.<\/p>\n\n\n\n Als het probleem niet bij het thema zelf ligt, kunnen plugins ook een negatieve invloed hebben op de laadtijd van websites als er te veel databasetoegangen zijn. Dit is vooral het geval bij minder bekende en slecht ge\u00efmplementeerde plugins. Controleer gewoon welke plugins zich in de loop der tijd hebben opgehoopt en verwijder alles wat je niet absoluut nodig hebt.<\/p>\n\n\n\n Als er minder HTTP-verzoeken worden gedaan, zal je website logischerwijs sneller laden. Zo'n serververzoek wordt altijd gedaan als er een bestand moet worden geladen. Dus als je minder bestanden zoals afbeeldingen, scripts etc. in een document verpakt, zal je pagina ook sneller laden.<\/p>\n\n\n\n Tip: Je kunt verschillende stylesheets combineren tot \u00e9\u00e9n CSS-bestand en dit koppelen vanuit het HTML-documentgebied. Als je ervoor zorgt dat er niet meer inline stijlspecificaties in het HTML-document staan, kan het CSS-bestand in de cache worden geplaatst, waardoor de pagina ook sneller wordt geladen.<\/p>\n\n\n\n Een website kan niet zonder goede afbeeldingen (bij voorkeur in .jpg-formaat) en grafieken (bij voorkeur als .png-bestanden) - een beeld zegt immers vaak meer dan duizend woorden. Het is echter belangrijk dat deze afbeeldingen geoptimaliseerd zijn voor het web om lange laadtijden te voorkomen. De meest gemaakte fout in dit verband is om afbeeldingen in hun oorspronkelijke formaat naar de server te uploaden en ze op precies dezelfde manier in de inhoud te verwerken.<\/p>\n\n\n\n Voorbeeld: Als een afbeelding 2500 x 1000 pixels groot is, maar alleen wordt ge\u00efntegreerd in een inhoudsgebied van 750 pixels breed, wordt deze daarna in een kleiner formaat weergegeven. De afbeelding of grafiek moet echter nog steeds op volledige grootte worden geladen. Om dergelijke onnodige ballast te voorkomen, moet je afbeeldingen altijd verkleinen tot het formaat waarin ze daadwerkelijk moeten worden weergegeven.<\/p>\n\n\n\n Tussen haakjes: Zodra een URL wordt opgeroepen, worden alle afbeeldingen meestal automatisch geladen - zelfs de afbeeldingen die nog niet zichtbaar zijn, bijvoorbeeld omdat je niet zo ver naar beneden scrollt. Om afbeeldingen alleen te laden wanneer dat nodig is, kun je plugins gebruiken zoals Gekke Lui<\/a> gebruiken. En om je meteen nog een plugin-tip te geven: WP Smush.it<\/a> comprimeert automatisch de bestandsgrootte van afbeeldingen tijdens het uploaden. Je kunt het ook gebruiken om afbeeldingen die al zijn ge\u00fcpload achteraf te optimaliseren.<\/p>\n\n\n\n Niet alleen afbeeldingen, maar ook systeembestanden (bijvoorbeeld van WordPress) kunnen worden gecomprimeerd. Hoe werkt dit? Heel eenvoudig met Gzip, een gratis compressieprogramma dat, net als het bestandsformaat, beschikbaar is voor alle besturingssystemen. Het enige wat je hoeft te doen is een codefragment in het .htaccess-bestand invoegen. Met WordPress hoef je dit niet handmatig te doen, maar kun je vertrouwen op plugins zoals Gzip Ninja-snelheidscompressie<\/a> om op terug te vallen. Joomla heeft ook bijbehorende extensies die precies hetzelfde doen.<\/p>\n\n\n\n Als WordPress-gebruiker heb je ook een goede caching-plugin nodig. Caching cre\u00ebert statische versies van alle pagina's in plaats van ze dynamisch aan te maken - met grote gevolgen voor de laadsnelheid van de hele website. Een zeer goed geschreven caching plugin voor WordPress is Cachify<\/a>. Je kunt het hele zorgeloze pakket krijgen met de W3 Total Cache-plugin. Als alternatief WP Raket<\/a> een kleine raket van jouw kant.<\/p>\n\n\n\n Extra tip:<\/strong><\/p>\n\n\n\n Om je website nog sneller te maken, kun je onnodige spaties en regeleinden verwijderen uit HTML, CSS en JavaScript. Omdat dit de hele code slanker maakt, wordt ook de laadtijd korter. Het enige dat achteruit gaat, is de duidelijkheid van de code. De eerder genoemde Plugin W3 Totale cache<\/a> biedt je als WordPress gebruiker op dit punt een zogenaamde \u201cMinify\u201d functie. Dit werkt echter alleen bijzonder goed als je in de handmatige modus van de plugin zelf definieert hoe de Java scripts geladen moeten worden. Omdat dit vooral voor beginners niet echt geschikt is, raden we je aan om de Plugin automatisch optimaliseren<\/a>.<\/p>","protected":false},"excerpt":{"rendered":" In Zeiten, in denen fast jede Information zu jeder Zeit und von jedem Ort aus verf\u00fcgbar ist, m\u00fcssen Webseiten und andere Online-Inhalte gewisse Kriterien erf\u00fcllen, um User (und damit auch die Suchmaschinen) zufriedenzustellen. Eines dieser Kriterien ist die Ladezeit. Wir erkl\u00e4ren dir, wie du die Performance analysierst und im Anschluss optimierst, um langfristig bessere Rankings […]<\/p>\n","protected":false},"author":1,"featured_media":3344,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1,55,52],"tags":[],"class_list":["post-3343","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogboxx","category-seo","category-sichtbarkeit-reichweite"],"acf":[],"_links":{"self":[{"href":"https:\/\/trackboxx.com\/nl\/wp-json\/wp\/v2\/posts\/3343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trackboxx.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/trackboxx.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/trackboxx.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trackboxx.com\/nl\/wp-json\/wp\/v2\/comments?post=3343"}],"version-history":[{"count":0,"href":"https:\/\/trackboxx.com\/nl\/wp-json\/wp\/v2\/posts\/3343\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/trackboxx.com\/nl\/wp-json\/wp\/v2\/media\/3344"}],"wp:attachment":[{"href":"https:\/\/trackboxx.com\/nl\/wp-json\/wp\/v2\/media?parent=3343"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trackboxx.com\/nl\/wp-json\/wp\/v2\/categories?post=3343"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trackboxx.com\/nl\/wp-json\/wp\/v2\/tags?post=3343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Pingdom<\/h3>\n\n\n\n
Webpagina test<\/h3>\n\n\n\n
Stap 2: Optimalisatie<\/h2>\n\n\n\n
Thema heroverwegen & overbodige plugins deactiveren<\/h3>\n\n\n\n
HTTP-verzoeken verminderen<\/h3>\n\n\n\n
Afbeeldingen optimaliseren voor het web<\/h3>\n\n\n\n
Gzip-compressie<\/h3>\n\n\n\n
Caching gebruiken<\/h3>\n\n\n\n