• Articles
• admin

een trage website beïnvloedt het geluk van de klant, verhoogt het verlaten van de website, verlaagt de merkervaring, beïnvloedt SEO, frustreert sitebeheerders en maakt alles zo ‘ n beetje waardeloos. We zijn” onder de motorkap ” performance tuning websites voor klanten voor 14 jaar. In onze verbeterde websiteprestaties-serie helpen we u een baseline voor uw site vast te stellen, bekijken we de belangrijkste hefbomen die we zoeken voor prestatieverbeteringen en wijzen we u in de juiste richting als u aan de slag gaat.

the precarious round trip

tenzij u een Internet network engineer bent, weet u misschien niet dat het World Wide Web echt een web is. Wanneer u een URL intypt, spreekt uw browser niet rechtstreeks met de server van een bedrijf. Het is niet zoals blikjes tussen een scherm — er zijn blikjes aan elk uiteinde, maar de string is een wereldwijd verbonden web.

voor elke aanvraag die de browser van een websitebezoeker maakt (100s van elementen voor één paginaweergave), begint een web-achtige reis en wordt deze over vele netwerken doorgegeven. Het verzoek begint met de URL die de bezoeker invoert in zijn browser en springt over vele servers, uiteindelijk naar uw server, die vervolgens reageert terug over vele servers en eindigt bij de browser van de bezoeker. Die reis wordt gemeten in milliseconden om heen en terug te gaan en gebeurt met de snelheid van elektronen. De locatie van uw werkelijke webserver maakt niet te veel uit.
als we het hebben over website prestaties, is een van de gebieden die we moeten overwegen de werkelijke snelheid waarmee de server die uw website code host een reactie kan krijgen en retourneren. Dit wordt meestal netwerk latency of gewoon “wachttijd” genoemd en het is het onderwerp voor vandaag.

het meten van netwerk Latency

u hebt waarschijnlijk al gehoord van uw IP — adres-het is als het postadres van uw computer of apparaat op het internet. Dit, samen met een transfer protocol (TCP/IP), stelt de regels vast die het mogelijk maken pakketten met informatie te verplaatsen langs een groot verbonden netwerk en krijgen van een bron server naar een bestemming browser. Zoals een elektronisch postsysteem.

om het in actie te zien, kunt u een traceroute-opdracht uitvoeren op een Mac of tracert op een PC en u krijgt een lijst van alle routers en de tijd (hopelijk in milliseconden) die het duurde om een reactie te krijgen. Wanneer u de tijd optelt voor elke hop, kunt u een gevoel krijgen van de latentie tussen uw machine en uw website. We gebruiken fancy monitoring en management tools om deze informatie grafischer te krijgen.
teruggaand naar Google Chrome Developer Tools (in het bijzonder het netwerk tabblad), de latency van het eerste gevraagde document is belangrijk. Het is in wezen de tijd die het kost voor u om te raken enter op uw browser, uw webserver verwerkt de instructies voor het eerste Document, en stuurt het terug naar uw computer/browser. Dit eerste Document bevat alle andere links naar afbeeldingen, assets, stijlen, enzovoort. Het bevat meestal ook alle structurele HTML voor de pagina en tekst.

de netwerksnelheid zodra een verzoek uw persoonlijke/zakelijke netwerk verlaat is niet iets waar u enorme controle over hebt. Vertrouw er echter op dat het ongelooflijk veerkrachtig, geoptimaliseerd en snel is. Dingen die je hoort in het nieuws, zoals denial of service aanvallen, backbones worden gesneden, DNS — diensten worden gericht — alle dingen gebeuren in het midden van een netwerk verzoek-zijn niet echt in uw controle.
de twee grote items die u hebt controle over die impact latency:

1. we zien latency problemen wanneer een client een trage office-verbinding of onbeduidende bandbreedte op hun netwerk heeft. Vooral met tools zoals Magento ‘ s admin panel, die vaak sturen naar beneden een heleboel pagina-elementen (zoals een productcatalogus).
2. het andere gebied dat we latency zien is in de verwerkingstijd van de database, of geheugentoewijzing naar uw database. Ecommerce-en CMS-platforms bouwen dynamisch pagina ‘ s van aanvragen naar de database. Een database met onvoldoende geheugentoewijzing kan zijn reactievermogen vertragen, wat de algehele prestaties beïnvloedt.

als het laden van uw eerste pagina erg traag lijkt in ontwikkeltools (zoals meer dan 1-2 seconden), kunt u vaak snel winnen door uw ontwikkelingsteam de hardwareconfiguratie en geheugentoewijzing te laten bekijken. Zorg ervoor dat aan de aanbevolen instellingen voor uw applicatie wordt voldaan (deze worden meestal op grote schaal gepubliceerd door een app-ontwikkelaar). Het zien van onmiddellijke prestatiewinst kan soms zo eenvoudig zijn als het wijzigen van de grootte van uw webserver en het toewijzen van geheugen.

als het lijkt alsof een site traag is voor alleen u — en andere mensen zeggen dat de site goed laadt — is het waarschijnlijk alleen u. Zorg ervoor dat het netwerk dat u gebruikt voldoende doorvoer heeft. Zelfs op high-end zakelijke WiFi-netwerken, zijn er vaak veel concurrerende verzoeken voor bandbreedte, of het kan de afstand die u bent van een access point. Voer een snelheidstest uit.

onmiddellijke prestatieverbeteringen zien kan soms net zo eenvoudig zijn als het wijzigen van de grootte van uw webserver en het toewijzen van geheugen.

netwerkactiviteiten zijn een groot onderwerp, maar de professionals op dit gebied weten meer over (en geven meer om) prestaties dan elke andere groep die je tegenkomt. Ze kunnen een diepere analyse bieden en allerlei diagnostische controles uitvoeren om de prestaties van uw webserver en kantoornetwerken af te stemmen. Het spul tussen de blikjes is fascinerend, maar het is zelden waar je problemen met de prestaties van de site op zou spelden.
in de laatste aflevering over web performance, gaan we in meer detail praten over alle beschikbare caching en aggregatie. Dit kan een geweldige manier zijn om het aantal retouraanvragen te verminderen en dat zal de prestaties verbeteren.

Lees meer in de serie:

• trage Website? The 6 Most Common Factors that Affect Website Speed
• How To Measure Your Website Speed
• Core web Vitals and Website Performance Impact on SEO
• Website Design impact on Performance: Hoe het optimaliseren van afbeeldingen kan helpen
• hoe het toevoegen van marketingtechnologieën de prestaties van websites zal beïnvloeden
• Wat is Website Caching en waarom is het belangrijk voor marketeers?
• presenteer uw website Performance bevindingen met deze handige optimalisatie rapport sjabloon

We zijn hier om u te helpen houden van uw website! Vergeet niet om hieronder in te schrijven voor de laatste nuttige inzichten van ons team naar het jouwe.