Mensen verwachten overal een snelle website. Prestaties be\u00efnvloeden gebruiksgemak, conversie en zichtbaarheid. Deze gids laat zien hoe je snelheid meet en de belangrijkste knelpunten oplost.<\/p>\n\n\n\n
Stel je voor dat je hongerig een caf\u00e9 binnenloopt en niemand je helpt. Waarschijnlijk ga je ergens anders heen. Een trage website veroorzaakt dezelfde frustratie.<\/p>\n\n\n\n
Online bestaat de wachttijd uit laden en reageren. Een trage ervaring kan bezoekers terugsturen naar de zoekresultaten voordat ze met de pagina omgaan.<\/p>\n\n\n\n
Begin met de gegevens. Test meerdere representatieve pagina\u2019s op mobiel en desktop en bepaal of de grootste beperking bij de server, het netwerk, de rendering, scripts, afbeeldingen of het ontwerp ligt.<\/p>\n\n\n\n
PageSpeed Insights<\/a> is Googles tool voor prestatieanalyse. De tool combineert laboratoriumtests met beschikbare praktijkgegevens en toont de Core Web Vitals. Gebruik de aanbevelingen als vertrekpunt en controleer elke verbetering met meerdere tests en, waar mogelijk, echte gebruikersdata.<\/p>\n\n\n\n Met Pingdom Website Speed Test<\/a> kun je verschillende testlocaties kiezen en de laadtijd, het paginagewicht en elke afzonderlijke aanvraag analyseren. De resultaten kunnen afwijken van PageSpeed Insights, omdat beide tools andere locaties, apparaten en testmethoden gebruiken.<\/p>\n\n\n\n Gebruik voor een gedetailleerdere analyse WebPageTest<\/a>. Je kunt de locatie, browser, het verbindingstype en apparaat kiezen. Watervaldiagrammen en visuele opnamen laten zien wat er wordt geladen, in welke volgorde en waar gebruikers vertraging ervaren.<\/p>\n\n\n\n Zodra je de oorzaken van de vertraging hebt gevonden, geef je voorrang aan de wijzigingen die de gebruikerservaring het sterkst verbeteren.<\/p>\n\n\n\n De meest voorkomende oorzaken van een trage website 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 Een WordPress- of Joomla-thema kan er aantrekkelijk uitzien en tegelijk veel code laden die je website nooit gebruikt. Vergelijk lichtere opties en test de templates die je echt gebruikt, in plaats van de prestaties alleen op een demopagina te beoordelen.<\/p>\n\n\n\n Plugins kunnen op elke pagina extra databasequery\u2019s, scripts en stylesheets toevoegen. Controleer wat is ge\u00efnstalleerd, verwijder ongebruikte plugins en vervang slecht onderhouden extensies waar nodig. Test wijzigingen eerst in een stagingomgeving voordat je onderdelen van de openbare website verwijdert.<\/p>\n\n\n\n Elke afbeelding, elk lettertype, stylesheet en script geeft de browser extra werk. Verwijder ongebruikte bestanden, laad functies alleen waar ze nodig zijn en beperk externe scripts voordat je complexere optimalisaties toepast.<\/p>\n\n\n\n Tip: minimaliseer CSS en verwijder ongebruikte regels waar dat zinvol is. Met moderne HTTP-versies levert het samenvoegen van alle stylesheets in \u00e9\u00e9n bestand niet altijd voordeel op. Meet het resultaat in plaats van deze techniek automatisch toe te passen.<\/p>\n\n\n\n Afbeeldingen behoren vaak tot de zwaarste onderdelen van een pagina. Pas de afmetingen aan, comprimeer ze en gebruik effici\u00ebnte formaten zoals WebP of AVIF als ondersteuning en kwaliteit dat toelaten. Kies het formaat op basis van de inhoud, in plaats van altijd dezelfde JPEG- of PNG-regel toe te passen.<\/p>\n\n\n\n Als een afbeelding 2.500 pixels breed is maar slechts op 750 pixels wordt weergegeven, kan de bezoeker toch het grootste bestand downloaden. Maak responsieve versies en laat de browser de juiste bron kiezen voor de schermbreedte en pixeldichtheid.<\/p>\n\n\n\n Afbeeldingen buiten het zichtbare deel van de pagina hoeven meestal pas te laden wanneer ze nodig zijn. Recente WordPress-versies ondersteunen lazy loading standaard; bij oudere installaties kun je een plugin gebruiken zoals Crazy Lazy.<\/a> Wil je ook de bestanden automatisch comprimeren, dan kun je WP Smush.it<\/a> gebruiken. Deze plugin comprimeert nieuwe afbeeldingen automatisch en kan ook bestaande bestanden optimaliseren. Controleer de beeldkwaliteit en maak een back-up voordat je een grote optimalisatieronde start.<\/p>\n\n\n\n Tekstbestanden zoals HTML, CSS en JavaScript kunnen tijdens de overdracht worden gecomprimeerd met Brotli of Gzip. Bij de meeste hostingproviders en cachingplatforms kun je dit op de server inschakelen. Als die optie ontbreekt, biedt WordPress plugins zoals Gzip Ninja Speed Compression.<\/a> Joomla en andere platformen hebben vergelijkbare extensies, al is compressie op serverniveau meestal eenvoudiger consistent te beheren.<\/p>\n\n\n\n Caching maakt het mogelijk om vooraf gegenereerde pagina\u2019s of herbruikbare bestanden te leveren zonder alles bij elke aanvraag opnieuw op te bouwen. WordPress-gebruikers kunnen uit verschillende plugins kiezen; een lichte optie is Cachify<\/a>. W3 Total Cache biedt meer configuratiemogelijkheden, terwijl WP Rocket<\/a> een commerci\u00eble oplossing met begeleide configuratie is.<\/p>\n\n\n\n Extra tip:<\/strong><\/p>\n\n\n\n Je kunt HTML, CSS en JavaScript ook minificeren om minder gegevens over te dragen. Op een website die al compressie gebruikt, kan de winst klein zijn en een te agressieve instelling kan scripts verstoren. Test daarom altijd grondig. De plugin W3 Total Cache<\/a> bevat instellingen voor minificatie, maar handmatige configuratie kan veeleisend zijn. Een eenvoudigere, gespecialiseerde optie is Autoptimize<\/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
WebPageTest<\/h3>\n\n\n\n
Stap 2: pak de belangrijkste knelpunten aan<\/h2>\n\n\n\n
Controleer je thema en verwijder overbodige plugins<\/h3>\n\n\n\n
HTTP-aanvragen verminderen<\/h3>\n\n\n\n
Afbeeldingen optimaliseren voor het web<\/h3>\n\n\n\n
Compressie inschakelen<\/h3>\n\n\n\n
Caching gebruiken<\/h3>\n\n\n\n