Hoe u uw websiteprestaties kunt verbeteren: 10 tips om uw site sneller te maken

Bijgewerkt: 2022-04-25 / Artikel door: Jerry Low
Studies hebben consequent aangetoond dat een snellere laadsnelheid van pagina's leidt tot een betere conversieratio. Aangezien webhosting een van de kritieke factoren is voor de snelheid van uw zakelijke website, is het belangrijk om een ​​webhost te selecteren die ervoor zorgt dat uw site snel laadt.
Studies hebben consequent aangetoond dat een snellere laadsnelheid van pagina's in een betere omrekeningskoers. Aangezien webhosting een van de kritieke factoren is voor de snelheid van uw zakelijke website, is het belangrijk om een ​​webhost te selecteren die uw site helpt snel te laden (bron: CloudFlare).

Weten wat de belangrijkste factoren zijn die van invloed zijn op uw website prestaties is één ding, maar er is ook veel dat u kunt doen om uw site zoveel mogelijk te optimaliseren. Zonder een uitputtende lijst door te nemen, zijn hier enkele aanpassingen die u kunt aanbrengen om de prestaties van uw site te verbeteren.

1. Kies voor een betere hostingserver

Uw webhosting is een van de meest vitale onderdelen van uw webprestaties.

Als uw site lijdt onder uw huidige abonnement, heeft u misschien gewoon meer middelen nodig en kan overstappen op een beter abonnement voor u werken.

Er zijn web hosts en dan zijn er uitstekend web hosts. Elke webhost heeft verschillende functies, dus let op belangrijke items zoals gepatenteerde caching-technologieën, solid-state schijven of controle over kritieke gebieden. Shared hosting heeft vaak minder middelen en als je daar ontgroeid bent, moet je misschien naar een van beide kijken VPS- of cloudhosting.

Er zijn momenten waarop je er gewoon voor kiest om verhuizen naar een betere webhost kan ook werken. Voordat u zich ertoe verbindt dit echter te doen, moet u wat tijd besteden aan het doen van onderzoek om erachter te komen wat uw meest betrouwbare opties zijn om naar toe te verhuizen.

Aanbevolen VPS-hostingproviders

WebhostEntry PlanMid-tier-planProefperiodeBeginnen
BlueHost$ 19.99 / maand$ 29.99 / maand30 dagenKoop BlueHost
HostPapa$ 19.99 / maand$ 59.99 / maand30 dagenKrijgen HostPapa
InMotion hosting$ 17.99 / maand$ 64.99 / maand90 dagenKrijgen InMotion
InterServer$ 6.00 / maand$ 12.00 / maand30 dagenKrijgen InterServer
  LiquidWeb$ 15.00 / maand$ 45.00 / maand30 dagenKrijgen LiquidWeb
ScalaHosting$ 9.95 / maand$ 21.95 / maand30 dagenKrijgen ScalaHosting
TMD Hosting$ 19.97 / maand$ 29.97 / maand30 dagenKrijgen TMD Hosting

2. Gebruik een snellere DNS-provider

Wat is een Domain Name System (DNS)?

Het Domain Name System (DNS) is het adresboek van internet. Telkens wanneer een gebruiker een websitedomein invoert in zijn/haar browser, bijvoorbeeld google.com, helpt de DNS bij het lokaliseren van het IP-adres van de domeinnaam, zodat browsers de website kunnen laden.

Hoe DNS uw websiteprestaties beïnvloedt?

Verschillen in DNS-responssnelheden per provider. Bijvoorbeeld, Cloudflare DNS was getimed op 11.68 ms in maart 2022; in vergelijking kostte een RackSpace DNS-lookup meer dan 90 ms in de test (bron: DNSPerf door PerfOps).

Waar u uw domeinnaam koopt, is van belang, aangezien verschillende domeinnaamservices verschillende prestaties hebben. DNS-resolutie kost tijd en omdat het op hardware werkt, kan er variatie zijn in reactiesnelheden. 

Houd er rekening mee dat het prestatieverschil behoorlijk groot kan zijn voordat u hier de spot mee drijft. Bijvoorbeeld, waar? Cloudflare wordt opgelost in minder dan 15 ms, bij sommige providers kan het wel tien keer langer duren.

Hoe u uw DNS-snelheid kunt controleren

Om uw Nameserver-prestaties te controleren, kunt u een tool gebruiken zoals die op Website 24 × 7. Voer het uit met uw domeinnaam en het laat u weten hoe lang het duurde voordat uw Nameserver op een vraag reageerde. Als het te hoog is, kunt u overwegen de naamservers te wijzigen. Dit is niet moeilijk om te doen.

Van naamserver wisselen om de snelheid te verbeteren

Het kan heel eenvoudig zijn om uw Nameserver-adressen te wijzigen.
Het kan heel eenvoudig zijn om uw Nameserver-adressen te wijzigen.

Er zijn zowel gratis als betaalde Nameservers waar je uit kunt kiezen. Niet alle betaalde opties zijn per definitie beter. Neem bijvoorbeeld Cloudflare. Ze behoren tot de snelste in het oplossen van domeinnamen met hoge snelheden, zelfs voor gratis accounts.

De keuze is echter aan u. Wat u eerst moet doen, is u aanmelden met de nieuwe Nameserver van uw keuze. Dit geeft je een paar Nameserver-adressen die je nodig hebt om je bestaande te vervangen.

Hiervoor dient u in te loggen op het systeem waar u uw domeinnaam heeft gekocht. De meeste hiervan hebben een eenvoudig dashboard waarmee u uw naamservers kunt wijzigen. In het onderstaande voorbeeld laat ik de . zien NameCheap systeem.

  1. Zoek in uw accountdashboard naar een optie om uw domeinnaam te beheren.
  2. Zoek onder Naamservers naar een optie om Custom DNS toe te voegen
  3. Voer de adressen in die door uw nieuwe Nameserver-service zijn verstrekt
  4. U MOET beide adressen invoeren

Zodra je dit hebt gedaan, zal het beheer van de records van je domeinnaam doorgaans gebeuren via het dashboard van je nieuwe Nameserver. Geef de nieuwe Nameserver de tijd om te wennen (24 tot 48 uur is goed).

Zodra dat voorbij is, kunt u uw DNS-resolutiesnelheid opnieuw testen om te zien of er enige verbetering is. Als je in het begin geen verbetering ziet, geef het dan wat meer tijd.

3. Agressief cachen

Hoe webcaching werkt (bron: Kinsta).

Caching helpt u statische bestanden vooraf te laden, zodat ze sneller kunnen worden weergegeven. In plaats van elke keer dat daarom wordt gevraagd een bestand te laden, versnelt caching het proces door enkele bestanden op te slaan in de browser van de gebruiker. Dit verbetert niet alleen de prestaties, maar kan ook helpen de belasting van uw resources te verminderen webserver

Niet alle webservers zijn gelijk gemaakt en sommige gaan beter om met caching dan andere. Kies voor de beste prestaties voor een webhost die: NGINX of vernis. Enkele voorbeelden hiervan zijn:

  • Cloudways, die load balancing en caching met NGINX heeft,
  • A2-hosting, die Varnish vooraf heeft geconfigureerd met hun VPS-abonnementen, en
  • Kinsta, die alles in servercaching voor hun klanten afhandelt.

Ook als u een WordPress sites, er zijn genoeg handige WordPress caching-plug-ins gratis beschikbaar. Gebruikers met weinig technische kennis kunnen met deze plug-ins hun WordPress-site in slechts een paar klikken optimaliseren.

4. Gebruik HTTP/2

HTTP/2 versus HTTP/1
HTTP/2 wordt geleverd met verschillende verbeteringen in vergelijking met HTTP/1, wat een snellere pakketbezorging en een verbeterde gebruikerservaring mogelijk maakt (bron: Imperva).

Dit is een van de handige functies waar alle website-eigenaren op moeten letten. HTTP/2 maakt multiplexen mogelijk, wat betekent dat bestanden gelijktijdig naar de gebruiker kunnen worden verzonden in plaats van één voor één. Dit helpt het laadproces.

Helaas zijn niet alle webhostingplannen geschikt voor HTTP/2 en bieden sommige webhosts het alleen aan met hun duurdere abonnementen. Een manier om dit te omzeilen is door gebruik te maken van Cloudflare, waarmee HTTP/2 voor alle sites kan worden ingeschakeld.

5. Volg het KISS-principe

Dit is niet iets dat normaal gesproken door de meeste webgoeroes wordt geleerd, maar ik heb ontdekt dat het op zoveel manieren buitengewoon nuttig is. KISS is een acroniem voor "Keep It Simple, Stupid". Het werd bedacht door een slimme kerel in de jaren zestig die de nadruk legde op de efficiëntie van eenvoudige systemen.

Als vuistregel vind ik dit van toepassing op bijna alles in het leven - zelfs bij het opzetten van websites. Door te ingewikkelde implementaties en ontwerpen te vermijden, profiteert u van een site die snel en belangrijker is, eenvoudig te beheren en te onderhouden is.

Ontwerp & Visuals

Door je ontwerp en visueel eenvoudig te houden, bedoel ik vooral dat het de overheadkosten verlaagt. Een site die zwaar is in massieve, adembenemende beelden en verbluffende video's, laadt waarschijnlijk zo snel als een luiaard op een slechte dag. Houd het netjes en opgeruimd en probeer uw video- en beeldweergave op verschillende pagina's te splitsen.

Code en plug-ins

WordPress is zo geweldig omdat het zeer modulair is en toch zo eenvoudig te gebruiken. Wat je ook wilt, het is waarschijnlijk dat iemand het heeft gedaan hiervoor al een plug-in ontworpen.

Hoe opwindend dat ook klinkt, pas op dat u uw site niet overlaadt met plug-ins. Onthoud dat elke plug-in is ontworpen door verschillende mensen (en waarschijnlijk verschillende bedrijven). Hun doel is om een ​​specifiek doel te bereiken, niet om de snelheid van uw site te stroomlijnen.

Vermijd indien mogelijk plug-ins voor dingen die u zelf kunt beheren. Neem bijvoorbeeld een plug-in waarmee u tabellen in uw tekst kunt invoegen. Je kunt gemakkelijk wat basis leren HTML code om tabellen te tekenen in plaats van daarvoor een plug-in te gebruiken, toch?

Sommige individuele plug-ins kunnen uw site aanzienlijk vertragen, dus zorg ervoor dat u een snelheidstest uitvoert telkens wanneer u een nieuwe plug-in installeert!

6. Schakel gzip-compressie in

Hoewel webpagina's doorgaans al klein zijn, kan het comprimeren ervan voordat ze worden verzonden, toch de prestaties van uw site verbeteren. Als je hebt gehoord van beeldcompressie, of misschien van archivering (ZIP of RAR), dan ben je waarschijnlijk bekend met de theorie achter gzip-compressie. Dit comprimeert uw websitecode, wat resulteert in snelheidsboosts tot 300% (resultaten variëren).

Elk type webserver, zoals: apache, LiteSpeed en NGINX gaat anders om met gzip-compressie. Als alternatief kunt u ook de volgende code aan uw ..htaccess bestand om uw webbestanden te comprimeren.

# Comprimeer HTML, CSS, JavaScript, tekst, XML en lettertypen AddOutputFilterByType DEFLATE-toepassing/javascript AddOutputFilterByType DEFLATE-toepassing/rss+xml AddOutputFilterByType DEFLATE-toepassing/vnd.ms-fontobject AddOutputFilterByType DEFLATE-toepassing/x-openyx-Type DEFLATE-toepassing AddOutputFilterByType DEFLATE-toepassing/x-font-otf AddOutputFilterByType DEFLATE-toepassing/x-font-truetype AddOutputFilterByType DEFLATE-toepassing/x-font-ttf AddOutputFilterByType DEFLATE-toepassing/x-javascript AddOutputFilterByType/lettertype DEFLATE-toepassing AddOutput/xhtmlFilter opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE afbeelding/svg+xml AddOutputFilterByType DEFLATE afbeelding/x-icon AddOutputFilterByType DEFLATE tekst/css AddOutputFilterByType AddOutputFilterByhtm LATE tekst/plain AddOutputFilterByType DEFLATE tekst/xml

7. Gebruik een Content Delivery Network (CDN)

Distributie op één server (links) – uw webbestanden worden vanaf één locatie bediend. Aan de andere kant, op een CDN (rechts) worden uw webbestanden bediend vanaf de server die zich het dichtst bij uw gebruikers bevindt.

Hoe CDN werkt

Een netwerk voor inhoudslevering is een netwerk van servers die webpagina's en andere inhoud aan gebruikers leveren op basis van hun geografische locaties. Met andere woorden, het helpt de tijd te verminderen die de externe server nodig heeft om te reageren met de gegevens die door de eindgebruikers zijn aangevraagd.

Meestal wordt statische inhoud opgeslagen op de dichtstbijzijnde server vastgehouden aan de geografische locatie van de gebruiker. Naarmate de afgelegde afstand door de gegevens afneemt, verbetert de levertijd (of de laadsnelheid).

Met behulp van een CDN kunt u uw webpagina's veel sneller bedienen en de laadsnelheden verbeteren, waar ter wereld uw bezoekers ook vandaan komen.

Als u de eigenaar bent van een kleine website, dan Cloudflare heeft een gratis optie die u kunt gebruiken en die prima werkt. Bedrijven en grotere sites zullen moeten betalen om een ​​beter abonnement te krijgen, maar gezien de voordelen van een CDN is het de prijs waard!

Andere CDN-services die u kunt overwegen, zijn onder meer: LimeLight, KeyCDN

8. Optimaliseer afbeeldingen

Hoewel ze doorgaans groot zijn, kunnen afbeeldingen voor internetgebruik worden geoptimaliseerd om de grootte ervan beter beheersbaar te houden. Dit wordt meestal gedaan door de beeldkwaliteit aan te passen, aangezien je niet vaak fantastische scherpte nodig hebt voor webafbeeldingen. 

Er zijn gratis online tools zoals: Optimizilla u kunt hiervoor gebruiken, of u kunt kiezen voor een beeld optimalisatie plug-in als je WordPress gebruikt. Met de meeste hulpprogramma's voor beeldoptimalisatie kunt u de resolutiedetails van uw afbeeldingen verfijnen, zodat u deze geleidelijk kunt afzwakken. Ze zien er vrijwel hetzelfde uit voor het ongetrainde oog, maar veel kleiner van formaat.

Geoptimaliseerde versus niet-geoptimaliseerde afbeeldingen
Voorbeeld – Deze worden ingezoomd op delen van een HD-beeld (links). Het origineel was 2.3 MB en na optimalisatie werd het beeld teruggebracht tot 331 kb.

9. Verklein code

Het is gebruikelijk dat websites tegenwoordig overlopen met Javascript- en CSS-bestanden. Om uw site nog verder te verfijnen, kan zelfs uw code worden geoptimaliseerd via een proces dat minificatie wordt genoemd. Dit werkt door lege spaties of onnodige tekens uit bestaande code te verwijderen om de bestandsgrootte tot een absoluut minimum te beperken.

Nogmaals, er zijn hulpmiddelen die u hiervoor kunt gebruiken, zoals: minifier. Een woord van waarschuwing wel. Codeverkleining maakt het vaak erg moeilijk voor mensen om te lezen, dus als je al je site aan het doen bent codering handmatig, zou dit iets zijn om rekening mee te houden.

Code Minificatie om de website te versnellen
Door minificatie kan uw code er helemaal doorheen kijken - wees niet gealarmeerd! Dit is normaal.

10. Omleidingen verminderen

Normaal gesproken accepteren browsers verschillende vormen van adressen die op hun beurt door uw server worden vertaald in erkende officiële. Neem bijvoorbeeld www.example.com en example.com. Beide kunnen naar dezelfde site gaan, maar u moet uw server omleiden naar het officieel erkende adres.

Die omleiding kost wat tijd en middelen, dus het is uw doel om ervoor te zorgen dat uw site bereikbaar is via niet meer dan één omleiding. Gebruik dit Mapper omleiden om te zien of je het goed doet.

Gezien de complexiteit om dit goed te doen en de tijd die ermee gemoeid is, is dit een keer dat ik zou aanraden om een ​​plug-in te gebruiken Redirection.

Uw websitesnelheid testen

Er is een breed scala aan aanpassingen die u aan uw site kunt maken om sneller te laden. Sommige zijn misschien zo eenvoudig als het wisselen van opties, terwijl andere meer betrokken zijn. Maar als je ze allemaal zou overwegen, kan het enige tijd duren.

Het is het beste als u een langzame, progressieve benadering van prestatieverbetering hanteert in plaats van al uw wijzigingen tegelijk aan te brengen. Zoals met alles wat op technologie is gebaseerd, bestaat de kans dat er iets misgaat.

Als u in de loop van de tijd wijzigingen implementeert en documenteert, samen met tests, is het gemakkelijker om eventuele wijzigingen te identificeren die ervoor kunnen zorgen dat uw site niet meer beschikbaar is of vastloopt. Geloof me, het zal uiteindelijk gebeuren.

Tools voor het testen van websitesnelheid

Door een sitesnelheidstester te gebruiken, kunt u ontdekken hoe goed uw site momenteel is geoptimaliseerd.

Om te beginnen, test u eerst hoe snel uw site wordt geladen. Enkele aanbevolen hulpmiddelen zijn:

  • WebPageTest: Verzamel webpagina-prestaties van echte browsers met gewone besturingssystemen.
  • Pingdom: Helpt bij het analyseren en vinden van knelpunten in a website prestaties.
  • GTmetrix: Analyseer en bied bruikbare inzichten over de beste manier om de snelheid van een webpagina te optimaliseren.
  • Bitcatcha: Controleer de sitesnelheid vanuit acht landen.

Voor meer keuzes - bekijk deze gratis tools voor het testen van de websitesnelheid

Websitesnelheid - Hoe snel is snel genoeg?

Google PageSpeed ​​Insight
Google PageSpeed ​​Insight is een goede maatstaf voor hoe de zoekgigant uw siteprestaties ziet.

Afgezien van de bezoekerservaring, hebben de snelheid en uptime van uw website ook invloed op uw zichtbaarheid in de zoekresultaten. Aangezien Google de koning van zoeken is, is dat de balk waarnaar u wilt streven. Volgens hen verlaat 40% van de bezoekers een pagina die meer dan drie seconden nodig heeft om te laden ((bron)). Gebruikers van eCommerce-platforms die niet tevreden zijn met de prestaties van de site, zullen ook minder snel van die sites kopen. 

Helaas voldoen veel sites nog steeds niet aan deze benchmark. Ik heb zelfs een aantal sites gemeten die schokkend 3 of 4 minuten nodig hebben om te laden.

Laatste gedachten: snellere websites houden iedereen tevreden

Breedbandsnelheden van vandaag, zelfs op mobiele apparaten, zijn enorm toegenomen en zullen nog verder toenemen. Dat betekent dat er weinig excuus meer overblijft voor website-eigenaren om hun bezoekers te laten verdragen met traag ladende sites.

Geloof me, je zult bezoekers blijven verliezen en op een gegeven moment zo'n slechte reputatie krijgen dat je bekend staat als "Oh, DAT website". Als je in een online business, dat maakt het nog erger omdat je je eigen gouden gans zult doden.

Hoewel de bovenstaande 8-tips die ik heb gegeven geenszins alles en iedereen zijn, moet het u een begin en een aantal ideeën geven over hoe u de dingen een beetje beter kunt beheren. Versnel uw website vandaag nog en behoud uw klanten of bezoekers.

Eindig niet zoals DAT website.

Lees meer

Over Jerry Low

Oprichter van WebHostingSecretRevealed.net (WHSR) - een hostingreview die wordt vertrouwd en gebruikt door gebruikers van 100,000. Meer dan 15 jaar ervaring in webhosting, affiliate marketing en SEO. Bijdrager voor ProBlogger.net, Business.com, SocialMediaToday.com en meer.