Hoe u uw WordPress-website sneller en schaalbaarder kunt maken.

Bekijk onze WordPress prestatie-optimalisatiegids.

Prestaties zijn belangrijk.

Het heeft invloed op uw gebruikerservaring, uw verkopen en conversies, en uw positie in de zoekresultaten.

Beter conversiepercentage

Studies uitgevoerd door Amazon, Google en anderen hebben duidelijk aangetoond dat snellere websites een verbeterd conversiepercentage hebben. Hoe langzamer uw website is, hoe kleiner de kans dat uw bezoeker een aankoop doet, contact met u opneemt of commentaar geeft. 1 seconde langzamer staat gelijk aan 7% conversiereductie.

Meer paginaweergaven

1 seconde vertraging in de laadtijd van de pagina staat gelijk aan 11% minder paginaweergaven. Hoe sneller uw website laadt, hoe groter de kans dat uw bezoekers een grotere hoeveelheid tijd op uw website doorbrengen. Dat levert u meer paginaweergaven op en meer geld uit advertenties.

Betere ranking

Google houdt van snellere websites. Een snellere site scoort beter in de zoekmachines, wat leidt tot meer bezoekers naar uw site. Natuurlijk kunnen we geen betere rankings in de zoekresultaten garanderen, maar het hebben van een snellere website vergroot uw kansen op betere rankings.

Meer geld

Een lichtgewicht website verbruikt minder serverbronnen, zodat deze meer verkeer kan verwerken zonder dat u uw hostingplan hoeft te upgraden. Dus als u een geoptimaliseerde website heeft, kunt u deze zelfs op een gedeeld hostingplan hosten en geld besparen.

Wat gebeurt er wanneer iemand een pagina op uw WordPress-site bezoekt?

Om uw WordPress-website te versnellen, is het belangrijk om te begrijpen hoe dingen werken, zodat u de juiste oplossingen kunt toepassen.

De gebruiker klikt op een link naar uw website

Wanneer de bezoeker uw website bezoekt, controleert de browser van de bezoeker het IP-adres van uw domein in DNS en stuurt vervolgens het verzoek voor de pagina naar de server. Als de site SSL gebruikt, onderhandelen de client en de server over een beveiligde verbinding voordat het verzoek wordt voltooid.

De server bouwt de HTML

De server ontvangt het verzoek en verwerkt de websitecode. De database en het bestandssysteem worden op alle benodigde elementen opgevraagd en de HTML-pagina wordt samengesteld. Wanneer de HTML is gemaakt, stuurt de server deze terug naar de browser.

De server stuurt de HTML naar de browser

Wanneer de HTML is gemaakt, stuurt de server deze naar de browser.

De browser leest de HTML en vraagt ​​alle elementen op

De browser ontvangt de HTML-code, leest de code en ziet dat deze meer elementen nodig heeft (CSS-bestanden, lettertypen, afbeeldingen, Javascript-bestanden). Ze kunnen afkomstig zijn van dezelfde server of van andere servers, in welk geval ze nieuwe DNS-query's en SSL-verbindingen vereisen.

De browser begint met het opbouwen van de pagina

Terwijl de browser nog steeds de elementen verzamelt, begint hij met het bouwen van de pagina en wordt een eerste versie van de pagina weergegeven. Het heet First Contentful Paint (FCP) en het is een belangrijke maatstaf. Omdat de pagina nog niet volledig is geladen, kan de gebruiker er nog geen interactie mee hebben.

De browser bereidt de pagina voor op interactie

Verschillende elementen op de pagina moeten worden verzameld voordat de gebruiker kan beginnen met interactie met de pagina, door te klikken of te scrollen, zodat de browser de pagina gereedmaakt voor interactie.

De pagina is klaar voor gebruik

Wanneer alle elementen zijn geladen en alle scripts hun configuratietaken hebben voltooid, is de pagina eindelijk klaar voor gebruik. Ons doel bij het optimaliseren van de website is dus om in de kortst mogelijke tijd ‘klaar voor gebruik’ te zijn.

Laadtijd van pagina

De laadtijd van een pagina bestaat uit 3 delen.

De uitdrukking “laadsnelheid van de site” is gebruikt, maar het gaat eigenlijk om TIJD, niet om snelheid.

01.

Reactietijd van server

De responstijd van de server heeft de grootste impact op de gebruikerservaring. Dit is waar de server werkt en de PHP-code van de site uitvoert. Als dit eerste verzoek traag is, worden alle andere stappen bij het bekijken van de webpagina vertraagd.

02.

Tijd voor gegevensoverdracht

De gegevensoverdrachttijd is de tijd die nodig is om de elementen waaruit de pagina bestaat, van de server (of servers) naar de browser te transporteren. Het hangt af van de hoeveelheid gegevens en de afstand die deze moet afleggen.

03.

Weergavetijd van pagina

De weergavetijd wordt beïnvloed door de kwaliteit en complexiteit van de te interpreteren code, het aantal elementen en hun grootte, evenals de snelheid van het apparaat waarop de browser draait.

01.

Hoe kan ik de responstijd van de server verbeteren?

Dit is waar de server werkt en de PHP-code verwerkt. Het doel is om de server zo min mogelijk werk te geven. Of geef het werk zoveel mogelijk server. Idealiter... allebei.

Volledige paginacache

Installeer een WordPress caching-plug-in of praat met uw hostingprovider over caching op serverniveau of hulp bij edge caching-integratie.

Lees tutorial →

Gebruik betere plug-ins

Test het bronnengebruik van WordPress-plug-ins; controleer of er plug-ins zijn die niet-cachebare verzoeken doen; vervang ze door betere.

Gebruik betere thema's

Test het bronnengebruik van uw actieve WordPress-thema en vervang het door een lichter thema als er problemen zijn.

Database-optimalisatie

Ruim verweesde meta_keys op uit de wp_postmeta-tabel; gegevens opschonen met autoload:yes uit de tabel wp_options; ruimt oude plug-in- en thema-items op; verwijder verlopen transiënten; verander de tabelengine naar INNODB.

Lees tutorial →

WordPress-instellingen

Schakel trackbacks, pingbacks, emoji's en insluitingen uit; revisies uitschakelen of beperken; regelmatige afvalschoonmaak instellen; schakel de hartslag-API uit of wijzig deze; schakel xml-rpc uit indien niet nodig; een server-cronjob instellen.

Zorg voor betere hosting

Gedeelde webhosting kan geen constante prestaties garanderen. Als prestaties van cruciaal belang voor u zijn, probeer dan een beheerde WordPress Hosting- of beheerde WooCommerce Hosting-oplossing.

02.

Hoe kan ik de gegevensoverdrachttijd verbeteren?

Het doel is om de hoeveelheid gegevens die van de server naar de browser moet worden overgedragen te verminderen en de afstand waarover de gegevens worden overgedragen te verkleinen.

Optimaliseer afbeeldingen

Gebruik geen hogere resoluties dan nodig; gebruik voor elk scenario het juiste formaat (jpg, png, svg, webp); maak de server schoon van ongebruikte afbeeldingen.

Lees tutorial →

Optimaliseer CSS en JS

  • verwijder nutteloze CSS & JS
  • voeg CSS en JS samen
  • verklein CSS en JS

Optimaliseer lettertypen

  • gebruik slechts één lettertype, maximaal 2 (één voor kopteksten, één voor hoofdtekst)
  • serveert lettertypebestanden van uw server
  • U kunt ook systeemlettertypen gebruiken

Gebruik een CDN

  • Wolkflare (gratis)
  • Quic.cloud
  • BunnyCDN
  • SleutelCDN
  • AWS-cloudfront
  • Google Cloud CDN
  • Snel

03.

Hoe kan ik de weergavetijd van de pagina verbeteren?

Hier werkt de browser op het apparaat van de bezoeker. We hebben geen controle over de snelheid van zijn internetverbinding, of de rekenkracht van zijn apparaat, we kunnen die browser alleen minder werk geven.

DOM

Verminder de DOM-complexiteit door native Gutenberg-blokken te gebruiken om pagina's te bouwen in plaats van plug-ins voor het maken van pagina's.

Javascript

Hoe meer JS je op je site hebt, hoe moeilijker het zal zijn om een ​​snelle weergavetijd te krijgen. Verwijder wat je kunt, stel uit en stel uit wat je niet kunt.

CSS

Verminder de CSS-complexiteit, verwijder syntaxisfouten, verminder het gebruik van @import en !important, verwijder dubbele, overbodige selectors en eigenschappen.

Laat uw website vliegen met Simplenet Hosting.

Witte handschoenen
Engels