Hoe u uw website kunt versnellen

Invoering

visser

83% van de gebruikers verwacht dat sites binnen 3 seconden of minder worden geladen maar de mediane laadtijd van de top 500 e-commerce startpagina’s is 10 seconden

Gegevens laten zien hoe belangrijk websitesnelheid is in de VS, met ongeveer 25% van de mensen die zeiden dat ze een webpagina zouden verlaten die meer dan vier seconden Laden

Laadtijd van pagina in seconden.

klok

Over 47% van alle shoppers wil dat uw website binnen twee seconden wordt geladen.

pan

Als een pagina meer dan drie seconden nodig heeft om te laden, over 40% van de bezoekers zal stuiteren.

Niets is frustrerender dan een trage website. Het is niet alleen slecht voor eindgebruikers, maar ook erg slecht voor website-eigenaren. In de tijd waarin we leven, is het hebben van een website niet alleen een noodzaak voor bedrijven, maar ook voor iedereen die nuttige informatie met de wereld wil delen. Of het nu fotografen zijn die hun werk willen laten zien, artiesten die hun stem willen laten horen, thuisblijvende moeders, doe-het-zelf-tutorials of docenten die hun kennis willen delen, het is van cruciaal belang om een ​​effectieve website te hebben. Een van de belangrijkste factoren die een website effectief maken, is snelheid.

Waarom is de snelheid van uw website belangrijk??

Snelheid kan een website maken of breken. Het heeft invloed op uw verkeer, paginaweergaven, conversies, verkopen en algehele reputatie. Door het sneller te maken, kun je je bedrijf of je schare fans verbeteren en helpen groeien. Studies hebben aangetoond:

  • 47 procent van de mensen verwacht dat een website in minder dan twee seconden wordt geladen
  • 40 procent van de mensen verlaat een website hoogstwaarschijnlijk als het laden meer dan drie seconden duurt.

Daarom speelt websitesnelheid een zeer belangrijke rol bij het succesvol maken van uw bedrijf. Het moet een van uw topprioriteiten zijn als u zich wilt onderscheiden van uw concurrentie. Door uw website te versnellen, levert u niet alleen positieve resultaten op in termen van paginaweergaven en conversies, maar biedt u uw bezoekers ook een betere gebruikerservaring.

Een goede gebruikerservaring is de sleutel tot het opbouwen van een sterk klantenbestand en het bouwen van een sterk merk. Als het laden van uw website een eeuwigheid duurt, wat heeft het dan voor zin om een ​​geweldige website te hebben in termen van andere elementen, wanneer mensen niet eens zullen blijven om deze te bekijken? Als u er dus niet voor zorgt dat uw website snel laadt, loopt u het risico veel klanten of volgers en dus veel inkomsten te verliezen.

Bovendien is de snelheid van uw website erg belangrijk voor uw SEO. Als uw website snel laadt, zal uw ranking in zoekmachines hoger zijn. Dit komt omdat Google de voorkeur geeft aan snelle websites en deze beloont door ze hoger te rangschikken in de resultaten van zoekmachines. Naast snelheid is de gebruikerservaring een andere factor in het ranking-algoritme van Google. Dus door de snelheid van uw website te verhogen en uw gebruikerservaring te verbeteren, zult u uiteindelijk uw SEO-ranking verbeteren.

Als gevolg hiervan krijgt u meer verkeer en trekt u meer kwalitatieve leads aan die u kunt omzetten in klanten, waardoor uw verkoop uiteindelijk toeneemt en meer inkomsten genereert.

Hoe u de snelheid van uw website kunt testen?

  • PageSpeed ​​Insights is de gratis tool van Google om de snelheid van uw website te testen en het is heel gemakkelijk te gebruiken. Het enige wat u hoeft te doen is de URL van uw website in te voeren en de tool zal de inhoud analyseren en suggesties genereren over hoe u uw website sneller kunt maken.
  • Pingdom is ook een zeer nuttige tool die niet alleen de snelheid van uw website test, maar ook de prestaties van uw website beoordeelt en beoordeelt. Het houdt ook de prestatiegeschiedenis van uw website bij, zodat u inzicht kunt krijgen in mogelijke wijzigingen met betrekking tot de snelheid van uw website.
  • Y Langzaam is een tool die de snelheid van uw website test en advies geeft over hoe u deze kunt verbeteren. Het kan u ook een Chrome-extensie bieden om de snelheid van uw website te controleren.

15 manieren om uw website te versnellen

Er zijn veel manieren om uw website te versnellen, waardoor deze echt effectief en succesvol is. Hieronder volgen enkele van de gemakkelijkste en meest effectieve manieren om uw website te versnellen en uw inspanningen op de lange termijn te laten renderen.

Upgrade uw webhostingplan

Concreet betekent dit dat als uw site doorgaans $ 100.000 per dag verdient

1 seconden

Veel mensen kiezen voor goedkope webhostingplannen wanneer ze voor het eerst een blog of website maken, dus kiezen ze voor shared hosting. Na verloop van tijd leveren ze meer inhoud en groeien hun websites, waardoor ze uiteindelijk vertragen. Als dat het geval is, is de beste keuze om uw webhostingplan te upgraden. Het upgraden van uw webhostingplan is de eenvoudigste en gemakkelijkste manier om de snelheid van uw website te verbeteren. Maar zorg ervoor dat u het beste hostingbedrijf kiest dat aan al uw behoeften voldoet.

Als je gedeelde hosting hebt, moet je overstappen naar een VPS of een speciale optie. Hoe dan ook, u zult een aanzienlijk verschil merken in de snelheid van uw website. Het nemen van een beslissing tussen de twee opties hangt af van uw eigen zakelijke behoeften, dus zorg ervoor dat u beide opties zorgvuldig en grondig onderzoekt.

Hier volgt een korte opmerking over beide. VPS-hosting (Virtual Private Servers) is misschien de beste optie, omdat het meerdere servers gebruikt voor inhoudsdistributie (soms zelfs honderden servers). Het is ook een schaalbare oplossing en spreekt vooral het midden- en kleinbedrijf en bloggers aan.

Aan de andere kant krijg je met dedicated servers volledige controle, omdat je dedicated resources krijgt. U hoeft geen RAM, CPU, bandbreedte of iets anders te delen, omdat alle bronnen alleen voor u bestemd zijn. Ook zijn de bandbreedtelimieten hoger, maar aangezien je niet over meerdere computers beschikt, is deze hostingoptie een stuk minder flexibel. Het is echter veel duurder dan VPS-hosting.

Schakel browsercaching in

Microsoft-snelheidsspecialist en informaticus Harry Shum gelooft 0,25 seconden verschil in laadtijd van de pagina – sneller of langzamer – is het magische getal dat concurrentievoordelen voor online bedrijven dicteert.

Door caching in te schakelen, kunt u de snelheid van uw website aanzienlijk verbeteren en bezoekers van uw site een meer lonende gebruikerservaring geven. Caching verwijst naar het proces van het opslaan van statische bestanden, zoals HTML-documenten, mediabestanden, afbeeldingen, CSS- en JavaScript-bestanden, voor eenvoudigere en snellere toegang, zodat de database niet elk bestand hoeft op te halen telkens wanneer er een nieuwe is verzoek. Hoe meer verzoeken er aan uw server worden gedaan, hoe langer het duurt voordat uw website is geladen.

Wanneer iemand uw website bezoekt, worden de elementen op de webpagina die ze proberen te openen automatisch gedownload en op hun harde schijf opgeslagen in een cache (tijdelijke opslag). Op die manier laadt hun browser de volgende keer dat ze uw website bezoeken de gevraagde webpagina zeer snel, zonder opnieuw een HTTP-verzoek naar de server te hoeven sturen.

hand-

44% van de online shoppers zegt dat trage online transacties hen zorgen maken over het succes van een transactie

Caching werkt echter alleen voor terugkerende bezoekers, aangezien nieuwe bezoekers uiteraard geen gecachte en opgeslagen versie van uw website hebben. niettemin, het inschakelen van volledige caching voor uw website kan de laadtijd van uw pagina verminderen van 2,4 tot 0,9 seconden. Dit is te wijten aan het feit dat er mogelijk 30 of meer verschillende componenten moeten worden opgeslagen in de cache van de gebruiker wanneer ze uw website voor het eerst bezoeken, maar slechts een paar componenten hoeven te worden gedownload voor volgende bezoeken.

Afhankelijk van het websiteplatform dat u gebruikt, zijn er verschillende manieren om browsercaching in te schakelen. Als u bijvoorbeeld WordPress gebruikt, is de eenvoudigste manier om caching in te schakelen het installeren van een plug-in. De beste WordPress caching-plug-ins zijn W3 Totale cache, wat de meest populaire prestatie-plug-in is, en WP Super Cache, wat het beste is voor websites met veel verkeer en onvoldoende krachtige servers.

slak

51% van de online shoppers in de Verenigde Staten zegt dat traagheid van de site de belangrijkste reden is waarom ze een aankoop afzeggen

Als u Drupal als uw CMS gebruikt, moet u de Verniscache software om gebruik te maken van browsercaching. Als Joomla uw CMS is, kunt u browsercaching inschakelen in uw Joomla-dashboard: ga naar Systeem> Algemene configuratie en klik op het tabblad Systeem. Je ziet het label Cache onder het label Cache-instellingen, waar je klikt om het dropdown-menu te openen en de optie AAN – Conservatieve caching in de lijst te kiezen. Klik op opslaan en ga naar Extensies> Plug-inbeheer, waar u de plug-in Systeem – Cache kunt inschakelen.

vuilnis

18% van de kopers verlaat hun winkelwagentje als de pagina’s te traag zijn. De totale kosten van verlaten winkelwagentjes voor online retailers worden geschat op meer dan 20 miljard dollar per jaar

U kunt browsercaching ook inschakelen op serverniveau, dat wil zeggen, caching integreren in uw server-side scripting, iets waar uw webontwikkelaar u mee kan helpen.

Statische bronnen die in een cache zijn opgeslagen, moeten een cachelevensduur van minimaal een week hebben. U kunt dat instellen door Expires Headers toe te voegen en ze in te stellen op minimaal een week en maximaal een jaar. De beste optie is om late vervaltijden in te stellen voor statische bronnen die niet vaak worden bijgewerkt en korte vervaltijden voor bronnen die regelmatig worden bijgewerkt.

Vervalt Headers vertellen de browser of een bepaald bestand moet worden opgevraagd bij een server of vanuit de cache van de browser. Ze vertellen de browser ook hoe lang het nodig is om die bestanden in de cache op te slaan, zodat ze bij volgende bezoeken niet opnieuw worden gedownload.

arme vrachtwagen

79% van de ontevreden klanten bezoekt niet meer slecht presterende websites, behalve wanneer u Google of Amazon bent.

Schakel Gzip-compressie in

Als je ooit bestanden op je computer hebt gecomprimeerd als ZIP-bestanden, dan moet je weten in hoeverre die methode de grootte van bestanden kan verminderen. Gzip-compressie werkt precies hetzelfde, behalve met websitepagina’s. Het is de beste en meest effectieve compressiemethode die aanzienlijk kan minimaliseer HTTP-verzoeken en verkort de reactietijd, soms met wel 70 procent.

twee mans

46% van de ontevreden klanten krijgt een blijvende negatieve indruk en 44% deelt hun winkelervaringen met de rest van de wereld.

Door Gzip-compressie in te schakelen, worden de bestanden van uw website automatisch gecomprimeerd in een ZIP-bestand. Dit zal hun omvang aanzienlijk verkleinen en de snelheid van uw website verhogen. Er wordt veel bandbreedte bespaard en de laadtijd van uw website wordt verbeterd. Wanneer iemand uw website bezoekt, worden de gecomprimeerde bestanden automatisch uitgepakt, zodat de inhoud toegankelijk is.

U kunt Gzip-compressie op uw website installeren met behulp van een geschikte compressie-plug-in voor uw CMS, maar u kunt dit ook heel eenvoudig handmatig doen. Er zijn twee manieren om Gzip-compressie handmatig aan uw website toe te voegen. De eerste is om de volgende code toe te voegen aan je .htaccess-bestand als je tekst, JavaScript, HTML, CSS of XML wilt comprimeren:

100 milliseconden. Zo lang bewaart de ‘achterhoofdskwab in onze hersenen visuele’ informatie als een sensorisch geheugen

Versnel uw website
Bekijk versnellen uw website [Infographic]

AddOutputFilterByType DEFLATE-tekst / gewoon
AddOutputFilterByType DEFLATE tekst / html
AddOutputFilterByType DEFLATE tekst / xml
AddOutputFilterByType DEFLATE tekst / css
AddOutputFilterByType DEFLATE-applicatie / xml
AddOutputFilterByType DEFLATE-applicatie / xhtml + xml
AddOutputFilterByType DEFLATE-applicatie / rss + xml
AddOutputFilterByType DEFLATE-toepassing / javascript
AddOutputFilterByType DEFLATE-toepassing / x-javascript

Als u bepaalde bestandstypen per extensie wilt comprimeren, voegt u de volgende code toe aan uw .htaccess-bestand:

<bestanden *.html>
SetOutputFilter DEFLATE
</ bestanden>

De tweede manier om Gzip-compressie handmatig aan uw website toe te voegen, is door de volgende code bovenaan uw HTTP- of PHP-pagina toe te voegen:

if (substr_count ($ _SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) ob_start("ob_gzhandler"); anders ob_start();?>

Verwijder onnodige plug-ins

100 milliseconden
bezoekers de illusie geven van een onmiddellijke respons op de website

1 seconde van de laadtijd van de pagina is voldoende om een ​​naadloze gedachtestroom te behouden

Bij 10 seconden van vertraging wordt de aandacht van de bezoeker nauwelijks gehouden. Het gevoel van ongeduld, frustratie en verlating is meestal sterk genoeg om te voorkomen dat bezoekers zulke trage websites opnieuw bezoeken

Elke plug-in die u toevoegt, heeft bronnen nodig om te kunnen werken. Meer bronnen leiden echter tot een tragere website. Als er enkele plug-ins zijn geïnstalleerd die u niet langer gebruikt of onnodig vindt, moet u deze deactiveren en verwijderen. Niet alleen kunnen te veel plug-ins uw website vertragen, ze kunnen ook beveiligingsproblemen en crashes veroorzaken.

Door onnodige plug-ins te verwijderen, kunt u de laadtijd van uw pagina aanzienlijk verbeteren en uw website versnellen. U moet echter weten dat het bij plug-ins niet alleen gaat om het aantal plug-ins. U kunt 50 plug-ins hebben en nog steeds een snellere website hebben dan iemand die 10 plug-ins op hun site heeft geïnstalleerd. Het aantal plug-ins is belangrijk, maar er zit ook iets in hun kwaliteit. Plug-ins voor sociaal delen kunnen bijvoorbeeld een grote invloed hebben op de laadtijd van uw pagina, dus u kunt overwegen om socialemediaknoppen in te bedden in de broncode van uw website-thema.

Daarom moet u plug-ins vermijden die veel scripts en veel stijlen laden, veel externe verzoeken uitvoeren en elke pagina op uw website overweldigen door veel databasequery’s toe te voegen. Natuurlijk dragen plug-ins bij aan de functionaliteit van uw website en er zijn er nogal wat die u kunnen helpen deze te verbeteren. Maar u moet beslist alleen die bewaren die u absoluut nodig vindt.

Opmerking: als u bijvoorbeeld Drupal of Joomla gebruikt, heeft u in de eerste plaats geen plug-ins om mee om te gaan. U kunt uw website dus versnellen door modules uit te schakelen of uitbreidingen voor snelheidsoptimalisatie toe te voegen. Het beste advies voor Drupal is om nooit meer dan 50 modules uit te voeren. Voer alleen de programma’s uit die absoluut noodzakelijk zijn voor de functionaliteit van uw website.

Wat Joomla betreft, zorg ervoor dat u de volgende extensies bekijkt, omdat elk van hen uw websitesnelheid kan verhogen: JQuery Gemakkelijk, LLFJ, Javascript Async en Defer en ScriptsDown.

Minimaliseer HTTP-verzoeken

Echte leven
Voorbeelden

Amazon en Walmart rapporteerden allebei een 1% omzetverlies per 100ms van vertraging bij het laden van de site

Walmart verhoogde de conversies met 2% voor iedere 1 seconde van laadtijdverbetering

Toen Mozilla de paginasnelheid verhoogde met 2,2 seconden, De downloadcijfers voor Firefox stegen met 15,4%, of 10 miljoen per jaar!

E-commerce gigant Shopzilla zag 50 procent verlaging van het operationele budget door de laadtijden van pagina’s te verkleinen van 7 seconden naar 2 seconden

Websites kunnen traag zijn vanwege te veel HTTP-verzoeken. Wanneer iemand je website bezoekt, vragen ze om bepaalde bestanden. Hun webbrowser vraagt ​​die bestanden op bij uw server met behulp van het HTTP-protocol. Deze bestanden bevatten HTML-bestanden, CSS- en JavaScript-bestanden. Als je er veel van hebt, zullen er veel HTTP-verzoeken zijn en zal je website uiteindelijk worden vertraagd.

Dit is waarom u HTTP-verzoeken moet minimaliseren. Er zijn een aantal uitstekende manieren om dit te doen.

  • Combineer CSS, JS-scripts en HTML-bestanden samen.
  • Gebruik waar mogelijk CSS in plaats van afbeeldingen.
  • Verminder het aantal elementen op elke webpagina.
  • Installeer een caching-plug-in.
  • Verminder omleidingen, die extra HTTP-verzoeken naar uw server creëren en de laadtijd van uw pagina verlengen.

Als uw website bijvoorbeeld responsief is, worden mobiele gebruikers die uw website bezoeken, omgeleid naar de responsieve versie ervan. U kunt twee acties ondernemen om ervoor te zorgen dat dergelijke omleidingen uw website niet vertragen. U kunt een HTTP-omleiding instellen om mobiele gebruikers rechtstreeks naar een apparaatspecifieke URL te sturen zonder extra omleidingen, of u kunt een JavaScript-omleiding instellen om een ​​mobiel-equivalente URL te identificeren en mobiele gebruikers ernaar omleiden. De laatste optie kan echter latentie veroorzaken, omdat een webpagina eerst aan de clientzijde van omleiding moet worden gedownload voordat JavaScript kan worden uitgevoerd en omleiding kan plaatsvinden..

Schakel HTTP Keep-Alive in

Wanneer uw webserver een HTTP-verzoek ontvangt van de browser van uw websitebezoeker, dat wil zeggen, wanneer een bezoeker een bepaald bestand opvraagt, vraagt ​​de browser de server om toestemming om het bestand te downloaden. Het doet dit voor elk afzonderlijk bestand. Dit neemt veel bandbreedte en geheugen in beslag, om nog maar te zwijgen van het feit dat het meer rekenkracht gebruikt. Uiteindelijk veroorzaakt het veel belasting op uw server en vertraagt ​​het uw website.

HTTP versus HTTPS
HTTP versus HTTPS bekijken [Cheat Sheet]

U kunt uw website sneller maken door HTTP Keep-Alive in te schakelen, dat een enkele open verbinding tot stand brengt voor meerdere bestandsaanvragen naar uw server, waardoor uw website aanzienlijk wordt versneld. Simpel gezegd, de server vertelt de browser dat hij meerdere bestanden tegelijkertijd kan downloaden zonder de server te zwaar te belasten. Wanneer het aantal verbindingen met uw server beperkt is, wordt er veel bandbreedte bespaard.

U kunt HTTP Keep-Alive inschakelen door de volgende code te kopiëren en in uw .htaccess-bestand te plakken:

<IfModule mod_headers.c>
Koptekstset Verbinding keep-alive
</ IfModule>

Verklein JavaScript- en CSS-bestanden

Hier is nog een geweldig voorbeeld van de rol die paginasnelheid speelt in de site-inkomsten. Intuit, een fiscaal softwarebedrijf, heeft experimenten uitgevoerd om de laadtijd van hun website te verminderen:

Voor elke seconde verwijderd van laadtijden, won Intuit
conversie

laadtijden

Als u een heleboel JavaScript- en CSS-bestanden op uw website heeft, zullen er veel HTTP-verzoeken zijn wanneer uw websitebezoekers toegang willen hebben tot bepaalde bestanden. Aangezien hun webbrowser deze bestanden afzonderlijk zal behandelen, zullen die talrijke HTTP-verzoeken uw website aanzienlijk vertragen.

Terwijl u HTTP-verzoeken minimaliseert (minimaliseert) en HTTP inschakelt, kan Keep-Alive de snelheid van uw website aanzienlijk verbeteren. Overweeg om JavaScript- en CSS-bestanden te verkleinen, omdat dit uw website ook aanzienlijk kan versnellen. Door alle JavaScript-bestanden in één JavaScript-bestand te plaatsen en alle CSS-bestanden in één CSS-bestand te plaatsen, vermindert u hun aantal. Dit vermindert het aantal HTTP-verzoeken en versnelt uw website.

Er zijn veel verkleiningstools die u kunt proberen, maar misschien wilt u beginnen met een gratis en zeer gebruiksvriendelijke tool WillPeavy plug-in waarmee u snel HTML-, CSS- en JavaScript-bestanden kunt verkleinen. BWP Minify (Better WordPress Minify) is ook een geweldige plug-in die u kan helpen uw JavaScript- en CSS-bestanden te combineren en te verkleinen, maar het is alleen een plug-in voor WordPress.

Optimaliseer uw afbeeldingen

Afbeeldingen nemen veel bandbreedte in beslag. Wanneer ze niet zijn geoptimaliseerd, wat betekent dat ze groot zijn, gebruiken ze veel serverbronnen en nemen ze meer tijd in beslag om te laden. Als uw afbeeldingen niet zijn geoptimaliseerd, kan uw website veel langzamer zijn.

Overweeg daarom om de grootte van uw afbeeldingen te verkleinen zonder de kwaliteit ervan negatief te beïnvloeden. U kunt dit bereiken door een plug-in te gebruiken die uw afbeeldingen kan comprimeren en ervoor zorgt dat ze tijdens het proces geen kwaliteit verliezen.

Als je WordPress gebruikt, probeer het dan WP Smush, een plug-in die uw afbeeldingen automatisch comprimeert zodra u ze uploadt naar uw mediabibliotheek. Aan de andere kant, als je Drupal of Joomla als je CMS gebruikt, check out Kraken, wat ook een geweldig hulpmiddel is voor het comprimeren van afbeeldingen.

Overweeg bovendien om CSS-sprites te gebruiken, omdat ze ook uw website aanzienlijk kunnen versnellen. Een sprite is een bestand dat al je afbeeldingen bevat. U kunt sprites maken met behulp van CSS, die coördinaten kan specificeren en alles in een afbeelding kan verbergen, behalve de sectie die u nodig heeft. Daarom worden al uw afbeeldingen op één plek geplaatst en worden uw webpagina’s veel sneller geladen, omdat één grote afbeelding sneller kan worden geladen dan veel kleine afbeeldingen.

Wanneer je optimaliseer uw afbeeldingen, Afgezien van hun grootte, moet u zich concentreren op hun indeling en het src-kenmerk, de URL van de afbeelding. Je moet vasthouden aan het JPEG-formaat, terwijl PNG ook goed is, maar niet volledig wordt ondersteund door oudere browsers.

mobiele gebruikers

50% van de mobiele gebruikers verlaat een pagina als deze niet binnen 10 seconden wordt geladen en drie op de vijf keren niet terug naar die site

Als het gaat om het src-attribuut, moet je ervoor zorgen dat de code goed is. Vermijd lege src-codes voor afbeeldingen. De code voor een afbeelding in HTML bevat namelijk het volgende:

<Afb src="">

Als er geen bron binnen de aanhalingstekens is, doet de browser een verzoek naar de directory van de pagina of naar de pagina zelf, wat veel belasting op uw servers kan veroorzaken en zelfs uw gegevens kan beschadigen. Zorg er daarom voor dat u altijd het “src-kenmerk” met een geldige URL opneemt.

Wijzig uw website-thema

rijke vrachtwagen

Gemiddelde reactietijd voor 14
toonaangevende mobiele winkelsites
was 4,73 seconden. Amazon leidde met
een reactietijd van 2,85 seconden

Het thema van uw website kan ook van invloed zijn op de snelheid van uw website. Hoe goed uw serverconfiguratie ook is, als uw websitethema een complexe code heeft, wordt uw website traag geladen. Het is niet ongebruikelijk, vooral in WordPress, om niets anders te veranderen dan het thema van uw website, alleen om te ontdekken dat de laadtijd van de pagina aanzienlijk toeneemt.

Overweeg daarom om het thema van uw website te wijzigen en prestaties een van de prioriteiten te maken bij het kiezen van een thema, in plaats van alleen naar esthetiek te kijken. U kunt de paginasnelheid van de demo van een bepaald thema controleren met behulp van een van de tools voor het testen van de websitesnelheid, zodat u kunt zien hoe snel het thema wordt uitgevoerd.

Gebruik een CDN

Geduld van mobiele internetgebruikers

De meeste deelnemers aan de enquête zouden 6-10 seconden wachten voordat ze pagina’s zouden verlaten

30%

30%

16-20 seconden

20 $

20%

20 + seconden

16%

16%

1-5 seconden

16%

16%

11-15 seconden

15%

15%

11-15 seconden

3%

3%

van de ondervraagden zei dat ze minder dan een seconde zouden wachten op het laden van een pagina voordat ze werden verlaten.

Een CDN (Content Delivery Network) is een netwerk van meerdere servers over de hele wereld die webinhoud leveren aan eindgebruikers op basis van hun geografische locatie. Een CDN kan de statische bestanden van uw website hosten om ze efficiënter te leveren en bandbreedte en uw serverbelasting te verminderen.

Met een CDN wordt de gevraagde webcontent veel sneller aan de eindgebruikers geleverd, aangezien een CDN een server die het dichtst bij de gebruikers staat, gebruikt om de door hen gevraagde bestanden af ​​te leveren. Hierdoor is er niet alleen geen latentie, maar wordt uw website ook veel sneller. Dit komt omdat uw bezoekers toegang hebben tot uw cache in plaats van rechtstreeks bestanden op te vragen bij uw server.

Door een CDN te gebruiken, bespaart u veel bandbreedte en verbetert u de laadtijd van uw pagina en de snelheid van de website aanzienlijk. U kunt uw CSS- en JavaScript-bestanden opslaan op een CDN, evenals afbeeldingen, video’s, PDF’s en andere soorten geüploade inhoud.

Het gebruik van een CDN kan erg duur zijn, maar het heeft nogal wat voordelen, dus het is elke cent waard, vooral als je veel bandbreedte gebruikt. Dus als u een grote website en veel bezoekers heeft, is een CDN de juiste keuze.

Verminder externe scripts

Externe scripts die u aan uw website toevoegt in de vorm van JavaScript-codes, doen HTTP-verzoeken telkens wanneer uw webpagina’s worden geladen. Zoals je al weet, vertraagt ​​dit je website. Deze externe scripts kunnen externe commentaarsystemen zijn, pop-upvensters, externe lettertypen, website-analysediensten, socialemediaboxen, zoals Facebook “like my page” -box, en nog veel meer.

Hoewel u zeker niet al uw externe scripts moet verwijderen, moet u ze wel verminderen, want dat zal u helpen uw website te versnellen. U kunt bijvoorbeeld Pingdom gebruiken om te controleren welke externe scripts het langst duren om te laden en, als ze niet nodig zijn, kunt u ze verwijderen.

Als u video’s en andere multimediabestanden insluit van websites die traag zijn, kan dit de snelheid van uw website negatief beïnvloeden. Om de laadtijd van uw pagina te verbeteren, moet u ervoor zorgen dat u alleen externe bestanden aanvraagt ​​bij snelle en betrouwbare websites. U kunt ook overwegen om het aantal externe verzoeken dat uw website doet, te beperken.

Fix Broken Links

Wifi

50% van uw budget voor een laadtijd van 1 seconde op mobiele apparaten wordt ingenomen door overhead van netwerklatentie.

Gebroken links in uw inhoud kunnen uw website niet vertragen, maar ze kunnen de gebruikerservaring enorm beïnvloeden, dus u moet er goed op letten. Gebroken links in uw CSS-, JavaScript- en afbeeldings-URL’s kunnen echter de snelheid van uw website negatief beïnvloeden. Scan uw links regelmatig en herstel gebroken links zodra u ze opmerkt.

Gebroken links worden meestal aangetroffen in afbeeldingsbronbestanden, wat gebeurt wanneer de URL verkeerd is. Deze links kunnen gemakkelijk over het hoofd worden gezien, vooral wanneer de grootte van een bepaalde afbeelding als zeer klein wordt gedefinieerd. Als er een verbroken link in uw afbeelding zit, dat wil zeggen, als er een 404-fout optreedt, zorgt die verbroken link voor een verspilde reactie van een HTTP-verzoek, waardoor uw website langzamer wordt. De browser probeert een afbeelding te downloaden die niet beschikbaar is, dus uw webpagina besteedt meer tijd aan het downloaden van de afbeelding, waardoor uw website langzamer wordt.

telefoon

99% van de reactietijdproblemen wordt nog steeds veroorzaakt doordat de gebruikersinterface te traag is

Gebroken links zijn ook te vinden in de CSS-link-tags in de kop van uw HTML-documenten. Net als bij afbeeldingsbestanden, als uw CSS-bestand niet is waar u naar heeft gelinkt, zal een HTTP-verzoek resulteren in een nutteloos antwoord en het zal terugkeren met een 404-code. Het is vooral belangrijk om regelmatig te controleren op verbroken links als u veel externe CSS-bestanden gebruikt, omdat deze kunnen worden verplaatst en resulteren in een 404-fout.

Als de JavaScript-bron-URL een verbroken link bevat, kan uw website ook worden vertraagd, zoals bij afbeeldingsbronbestanden en CSS-links. Maar de browser kan ook proberen JavaScript te interpreteren en niet alleen de downloadtijd verlengen, maar ook slechte scriptinteracties. Wanneer de browser probeert een 404-pagina te laden in plaats van JavaScript, stoppen alle andere downloads totdat het laden van een 404-pagina is voltooid. Dit is de reden waarom u uw JavaScript altijd onderaan uw HTML-documenten moet plaatsen (vlak voor het sluiten tag), wat vooral belangrijk is wanneer er gebroken links bij betrokken zijn.

U kunt controleren op verbroken links met WordPress Broken Link Checker gratis.

snelheidsmeter

Het implementeren van een geautomatiseerde front-end optimalisatie-oplossing naast een CDN kan pagina’s tot vier keer sneller maken

Soms worden verbroken koppelingen echter niet opgevangen door verbroken koppelingscheckers, dus de beste manier om ze te controleren, is door regelmatig naar uw serverlogboeken te kijken. Er zijn verschillende tools die u kunt gebruiken om naar URL’s te scannen die 404-fouten krijgen, om te zien welke pagina’s ze veroorzaken en vervolgens actie te ondernemen om ze onmiddellijk te herstellen.

Schakel Hotlinking uit

Als u hotlinking niet uitschakelt, staat u mensen toe de inhoud die op uw server wordt gehost, te gebruiken voor hun eigen websites. Door hen toe te staan ​​uw servers en uw inhoud praktisch voor hun websites te gebruiken, krijgt u zonder reden veel serverbelasting.

Daarom moet u hotlinking uitschakelen en voorkomen dat mensen uw serverbronnen stelen. Om dat te doen, moet u echter de benodigde code aan uw server toevoegen. Er zijn enkele tools die u kunnen helpen bij het genereren van de juiste code, maar uw webhostingprovider kan u hierbij ook helpen.

planeten

79% van de top 400 e-commercesites in de EU en 75% van de 2000 grootste e-commercesites in de VS gebruiken geen erkend CDN

Hotlinking omvat meestal afbeeldingen en andere multimediabestanden, die over het algemeen veel bandbreedte in beslag nemen. Als u dus een website met weinig of geen afbeeldingen gebruikt, heeft het uitschakelen van hotlinking eigenlijk geen invloed op de snelheid van uw website.

Over hotlinking gesproken, je moet het niet gewoon uitschakelen, maar je moet het helemaal vermijden. In plaats van te linken naar afbeeldingen op iemands website, laadt u ze op uw eigen server. U denkt misschien dat afbeeldingslinks u veel bandbreedte besparen, maar ze kunnen uw website zelfs vertragen als de website met de afbeelding waarnaar u linkt traag en onbetrouwbaar is. Bovendien kunnen ze downtime of crash ervaren, dus laad altijd elke afbeelding op uw eigen server voordat u ernaar linkt.

Gebruik een betrouwbaar CMS

Computer

Enkel en alleen 10% van de wachttijd wordt bepaald door de HTML-reactie op browserverzoeken en de resterende 90% van de vertraging wordt veroorzaakt door het renderen van pagina’s, het parseren van HTML, het uitvoeren van codescripts en het ophalen van ingesloten middelen

Een CMS (Content Management System) is essentieel voor de functionaliteit en prestaties van uw website. Het beste en meest betrouwbare CMS dat je kunt gebruiken is zonder twijfel WordPress, maar er zijn ook andere uitstekende CMS’s, zoals Drupal en Joomla. Als u een van deze als uw websiteplatform gebruikt, doet u het goed met de prestaties van uw site.

Als u echter een ander, minder populair CMS gebruikt of zelfs iets dat u zelf heeft gebouwd, loopt u het risico een zeer trage website te hebben. Om dit te voorkomen, moet u grondig onderzoek doen en een CMS kiezen dat betrouwbaar is en het beste bij uw behoeften past.

Wat ook essentieel is als het gaat om uw CMS, is om regelmatig te controleren op de nieuwste updates. Zorg ervoor dat de scripts van uw website up-to-date zijn, omdat er voortdurend nieuwe versies opduiken met als doel websites te verbeteren en sneller te maken. Upgrade daarom regelmatig de scripts van uw website. Maar zorg er altijd voor dat u eerst uw back-upbestanden op hun plaats heeft.

archief

Beeldcompressie moet een doordachte afweging zijn tussen beeldformaat en kwaliteit. Voor JPG’s levert een compressie van 60-70 procent een goede balans op. Verhoog voor retina-schermen de afbeeldingsgrootte (JPG’s) met 150-200 procent, comprimeer met 30-40 procent en schaal het opnieuw af volgens de vereiste afmetingen.

Optimaliseer uw database

Het optimaliseren van uw database is nog een andere zeer effectieve manier om uw website te versnellen. Dit is iets dat u regelmatig moet doen, vooral als u WordPress of een ander CMS gebruikt dat veel afhankelijk is van databasegebruik.

Wanneer u zo’n CMS of zelfs enkele complexe plug-ins gebruikt, nemen de gegevens in uw database toe en wordt uw website langzamer. Dit geldt met name voor plug-ins die gebruikersgegevens, statistieken en logboeken opslaan, omdat ze veel gegevensopslag in beslag kunnen nemen. Voordat je het weet, wordt je database gevuld met trackbacks, pingbacks, postrevisies, prullenbakitems en niet-goedgekeurde opmerkingen, waardoor je website aanzienlijk langzamer kan worden.

Maak daarom uw database regelmatig schoon, maar zorg er altijd voor dat u eerst een back-up van uw bestanden maakt. Doe nooit iets met uw database voordat u er een back-up van hebt gemaakt. Er zijn veel plug-ins die u kunnen helpen bij het optimaliseren van uw database, dus doe uw onderzoek en vind de juiste voor het CMS dat u gebruikt.

Als u bijvoorbeeld WordPress gebruikt, kunt u het opschonen van uw database automatiseren met zeer nuttige plug-ins, zoals WP-Optimize.

Conclusie

Een snelle website hebben is nog nooit zo belangrijk geweest als nu. Mensen verwachten dat websites razendsnel zijn en als u niet aan hun verwachtingen voldoet, loopt u het risico veel websiteverkeer en uiteindelijk uw loyale volgers of uw inkomsten te verliezen. Zorg er daarom voor dat u de bezoekers van uw website een naadloze ervaring biedt door de snelheid van uw website te verbeteren en u te onderscheiden van de massa.

Er zijn zeker meer manieren waarop u de snelheid van uw website kunt verhogen, maar de bovengenoemde zijn de meest essentiële en de meest effectieve. Ze lijken misschien een klein probleem als ze afzonderlijk worden behandeld, maar gecombineerd kunt u er zeker van zijn dat ze een enorm verschil maken en uw website aanzienlijk versnellen.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map