8 Tips om uw website te versnellen

Artikel geschreven door:
  • Inbound Marketing
  • Bijgewerkt: feb 27, 2020

Zelfs als er niets is waar ik zeker van ben, één ding is zeker - je bent op zijn minst één pijnlijk trage website tegengekomen in je leven. Als dat u bekend voorkomt, geef ik dan enkele tips door die ik de afgelopen jaren heb opgedaan en waarmee u uw website kunt versnellen.

Als u niet zeker weet of de snelheid van uw website belangrijk voor u is, denk dan eens terug aan de tijd dat u ook een browservenster hebt afgesloten terwijl u wachtte tot een site werd geladen. Het is een feit dat 53% van de mensen een website verlaat die meer dan 3 seconden nodig heeft om te laden.

De prestaties van uw website zijn belangrijk en het speelt een rol in het beïnvloeden van uw zoekmachine rankings. Google geeft bijvoorbeeld de voorkeur aan snelle websites en geeft die hogere ranglijsten in de zoekresultaten.

Gemiddelde laadtijd van webpagina's in verschillende sectoren (bron).

Test uw sitesnelheid

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 de prestaties van een website.
  • 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.
Door een sitesnelheidstester te gebruiken, kunt u ontdekken hoe goed uw site momenteel is geoptimaliseerd.

Hier zijn de tips om uw website te versnellen ...

1. Kies een geweldige webhost

In mijn ervaring is webhosting misschien een van de meest bijzonder belangrijke keuzes die je moet maken. Er zijn web hosts en dan zijn er uitstekend web hosts. Elke webhost heeft verschillende functies, dus let op belangrijke items zoals eigen caching-technologieën, solid-state schijven of controle over kritieke gebieden zoals NGINX.

Ik kan dit niet genoeg benadrukken. Uw keuze voor een webhost is van cruciaal belang. Als u niet bekend bent met hen, kijk dan eens naar onze uitgebreide beoordelingen van topwebhosts om u te helpen een weloverwogen beslissing te nemen.

2. Minificatie: Kleiner is Beter

Het is gebruikelijk dat websites vandaag overvol raken met Javascript- en CSS-bestanden. Dit genereert een hoop HTTP-aanvragen tijdens een bezoek, wat uiteindelijk uw site aanzienlijk kan vertragen. Dit is waar het minificeren binnenkomt.

Het verkleinen van uw Javascript- en CSS-bestanden gebeurt door al uw scripts te combineren in één bestand (van elk type). Dit is geen gemakkelijke taak, maar maak je geen zorgen, er zijn WordPress-plug-ins die dit voor je kunnen verwerken.

Probeer een van deze om te beginnen met: Autoptimize, Fast Velocity Minify or Samenvoegen + verkleinen + vernieuwen

Door minificatie kan uw code er helemaal doorheen kijken - wees niet gealarmeerd! Dit is normaal.

3. Volg het KISS-principe

Dit is niet iets dat normaal door de meeste webgoeroes wordt geleerd, maar ik heb het op zoveel manieren buitengewoon nuttig gevonden. KISS is een afkorting voor "Keep it simple, dom". Het werd bedacht door een slimme kerel in de 1960s 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 spannend het ook klinkt, pas op voor overbelasting van uw site met plug-ins. Vergeet niet 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 prestaties van uw site te stroomlijnen.

Als je kunt, vermijd dan plug-ins voor dingen die je zelf kunt beheren. Neem bijvoorbeeld een plug-in die u helpt bij het invoegen van tabellen in uw tekst. Je kunt eenvoudig een basis HTML-code leren om tabellen te tekenen in plaats van dat je hiervoor een plug-in moet 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!

4. Maak gebruik van Content Delivery Networks

Voor mij zijn Content Delivery Networks een geschenk van de goden. Bedrijven zoals Cloudflare en LimeLight-netwerken de kost verdienen door andere mensen te helpen genieten van stabiele en snelle levering van inhoud via netwerken van servers over de hele wereld.

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.

Afgezien daarvan biedt het gebruik van een CDN ook extra bescherming tegen kwaadwillende aanvallen zoals Distributed Denial of Service (DDoS).

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

5. Maak gebruik van caching

Caching is precies zoals het klinkt - het opslaan van statische bestanden, zodat wanneer uw bezoekers langs komen, uw site kan delen vanaf eerder opgebouwde pagina's, zodat de verwerkingstijd wordt verkort. In de meeste gevallen is cache voor de server van belang voor u.

De meest efficiënte manier om caching aan de serverzijde te implementeren, is via de instellingen in uw apache or NGINX server. U moet door die documenten gaan en de juiste instellingen vinden die u helpen bij het instellen van uw servercaching.

De regel van de duimen is dat alles dat veel serverondersteuningswerk vereist (verwerking) zo mogelijk in de cache moet worden geplaatst.

Als het te raar voor je wordt, zijn Plug-ins een andere optie, maar nogmaals, ik raad je niet aan om hier in dit geval een beroep op te doen.

6. Beelden Hog ​​bandbreedte, Optimaliseer de jouwe!

Dit is een beetje een uitbreiding op mijn eerdere tirade tegen massieve afbeeldingen en video's onder het KISS-principe. Gegeven dat begrijp ik dat visuals de sleutel zijn om een ​​site er mooi uit te laten zien. Omdat we het gebruik ervan niet volledig kunnen vermijden, zorgen we ervoor dat de afbeeldingen die u gebruikt zo gestroomlijnd mogelijk zijn,

Webinhoud is grotendeels basaal, zelfs als het om afbeeldingen gaat. De meerderheid van de websites die ik tegenkwam en die als stervende varkens worden geladen, worden vaak naar beneden getrokken door massieve afbeeldingen die geen echt doel dienen.

Ik zeg niet dat je geen grotere afbeeldingen kunt hebben, maar zorg ervoor dat ze goed zijn geoptimaliseerd voordat je ze uploadt.

Er zijn twee manieren om dit te doen. Nogmaals, de eerste is via een plug-in zoals WP Smush. Het alternatief, of voor degenen die geen gebruik maken van WordPress, is een beeldoptimalisatieprogramma van derden zoals afbeelding Compressor or JPEG Optimizer.

Met de meeste hulpmiddelen voor beeldoptimalisatie kunt u de details van de resolutie van uw afbeeldingen verfijnen, zodat u ze geleidelijk kunt afstellen. Ze zien er ongeveer hetzelfde uit voor het ongetrainde oog, maar veel kleiner van formaat.

Deze zijn ingezoomd in delen van een HD-afbeelding (links). Het origineel was 2.3MB en na optimalisatie was dat teruggebracht tot 331kb!

7. Gebruik gzip Compression

Als je hebt gehoord van beeldcompressie, of misschien archivering (ZIP of RAR), dan zul je waarschijnlijk bekend zijn met de theorie achter gzip-compressie. Dit comprimeert uw websitecode, resulterend in snelheidsverhogingen tot 300% (resultaten variëren).

Zelfs voor zoiets technischs als dit, kun je meteen doorgaan en een plug-in gebruiken zoals PageSpeed ​​Ninja. Er is echter een veel efficiëntere methode waarmee je je .htaccess-bestand slechts eenmaal bewerkt.

Voeg de onderstaande code toe aan uw .htaccess-bestand en u wordt ingesteld:

<IfModule mod_deflate.c> # 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-font AddOutputFilterByType DEFLATE-toepassing / x-font-opentype AddOutputFilterByType DEFLATE-toepassing / x-font-otf AddOutputFilterByType DEFLATE-toepassing / x-font-truetype AddOutputFilterByType DEFLATE-toepassing / x-font-ttf AddOutputFilterByType DEFLATE-toepassing / x-javascript AddOutputFilterByType DEFLATE-toepassing / xhtml + xml AddOutputFilterByType DEFLATE-toepassing image / svg + image / xml AddOutputFilterByType DEFLATE font / OpenType AddOutputFilterByType DEFLATE font / otf AddOutputFilterByType DEFLATE font / ttf AddOutputFilterByType DEFLATE xml AddOutputFilterByType DEFLATE / x-icon AddOutputFilterByType DEFLATE text / css AddOutputFilterByType DEFLATE text / html AddOutputFilterByType DEFLATE text / javascript AddOutputFilterByType DEFLATE text / plain AddOutputFilterByType DEFLATE text / xml </ IfModule>

* Opmerking: zorg ervoor dat je deze code HIERONDER toevoegt aan de spullen die je momenteel hebt in je .htaccess-bestand.

8. Doorverwijzingen 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.

Snellere websites Houd bezoekers (en Google) 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 een online bedrijf hebt, maakt dat het nog erger, omdat je je eigen gouden gans om het leven zult brengen.

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.

Over Timothy Shim

Timothy Shim is een schrijver, redacteur en tech nerd. Begonnen zijn carrière op het gebied van informatietechnologie, vond hij snel zijn weg in druk en heeft sindsdien gewerkt met internationale, regionale en nationale mediatitels zoals ComputerWorld, PC.com, Business Today en The Asian Banker. Zijn expertise ligt op het gebied van technologie, zowel vanuit het oogpunt van de consument als van de onderneming.