Hoe Kinsta DARTDrones heeft geholpen om op te schalen voor het Shark Tank-effect

Een van de spannende dingen die we hier bij Kinsta doen, is met allerlei nieuwe, geavanceerde bedrijven werken. Onlangs hebben we het genoegen gehad om met DARTDrones te werken, die in 40 verschillende steden in de Verenigde Staten praktijkgerichte expert drone training en Part 107 drone pilootcertificering bieden. Vandaag gaan we dieper in op hoe we hen geholpen hebben om hun WooCommerce site voor te bereiden en op te schalen voor wat sommigen het “Shark Tank-effect” noemen. Ze waren zeer succesvol en scoorden voor $ 300.000 een deal met Mark Cuban.

Het laatste wat je wil is om live op de nationale televisie te gaan, een toename in verkeer te krijgen en dat je website dan crasht! Gelukkig is dit voorkomen onze specialiteit, door onze auto-scaling infrastructuur en ervaring met het werken met veelbezochte en veeleisende sites.

Het Shark Tank-effect

Het “Shark Tank-effect” bestaat echt en zelfs veel bedrijven die geen deal met de sharks scoren, krijgen enorm veel verkeer en bekendheid, gewoon omdat ze in de show waren. De SharkTankPodcast-experts zijn van mening dat een optreden in de show alleen al aan marketingblootstelling $4 miljoen tot $5 miljoen waard is. Veel ondernemers konden hier niet mee overweg, zoals Alpert die meteen na de uitzending enorme verkeerspieken zag, met meer dan 10.000 mensen die ineens tegelijkertijd in zijn app zaten. Of Xero Shoes die in 2013 op Shark Tank te zien waren en hun website crashte, omdat al het verkeer de servers teveel werd.

“Zoals bij veel Shark Tank-bedrijven het geval is, crashte onze website en waren we het hele weekend bezig om e-mails en telefoontjes te beantwoorden. Ik was verbaasd dat mensen om 3 uur in de nacht gingen bellen en in harde bewoordingen aangaven dat ze van ons verwachten dat we de telefoon zouden beantwoorden (wat we dan wel weer deden). ”- Lena Phoenix

Het is dus erg belangrijk dat je, voordat je op Shark Tank of een andere uitzending gaat waar je een toename van verkeer verwacht, dat je een host kiest of naar een host migreert, die de belasting aankan. We raden ook aan om een gesprek met je host aan te gaan om het hen te laten weten. Er zijn veel dingen die ter voorbereiding gedaan kunnen worden om je succes te verzekeren. En dat is wat we hier bij Kinsta met DARTDrones hebben gedaan.

Een paar manieren waarop we de WordPress site van DARTDrones hebben geschaald

Als het gaat om sites met veel verkeer, dan bekijken onze deskundige ondersteunings-ingenieurs hier bij Kinsta elk geval op individuele basis. We zijn het gewend om met allerlei opstellingen te werken, van WooCommerce oplossingen tot nieuwssites. Eerder hebben we bedrijven als Swagway geholpen bij de voorbereiding op Cyber Monday, waarin ze op een enkele dag meer dan 90.000 unieke bezoekers ontvingen, waarbij 160-350 actieve gebruikers op de site gedurende elke seconde bestellingen plaatsen. Zelfs WordPress sites met meer dan 60.000 gelijktijdige bezoekers zijn voor ons geen probleem!

Yesterday: 60k concurrent visitors on a client's #WordPress site (measured by GA) it was running without any issues pic.twitter.com/W4bWz4GBih

— Kinsta (@kinsta) August 2, 2016

Kevin McAloon, een ontwerper en front-end ontwikkelaar die met DARTDrones werkt, nam vóór SharkTank contact met ons op. Hij praatte met onze ondersteunings-ingenieurs en we bespraken de beste opties. Hun site werd vervolgens door ons team naar de servers van Kinsta gemigreerd. Hier zijn een paar specifieke dingen die we DARTDrones na de migratie hebben helpen oplossen om 100% up-time en een plezierige ervaring voor hun nieuwe klanten te garanderen:

1. Isoleren van dartdrones.com

Allereerst is het vermeldenswaard te benadrukken dat het isoleren van een website iets is dat we bij elke klant doen, zo is onze infrastructuur simpelweg opgesteld. We gebruiken Linux-containers (LXC) en LXD om ze te organiseren, boven op het Google Cloud Platform waarmee we niet alleen elk account, maar ook elke afzonderlijke WordPress site volledig kunnen isoleren. Dit betekent dat dartdrones.com volledig geïsoleerd was van alle andere activiteiten op onze infrastructuur.

2. CPU’s schalen

Met behulp van de Google Compute Engine laten we de container van de site naar zoveel CPU’s schalen als nodig is wanneer er veel verkeer is. Dit zorgt ervoor dat DARTDrones altijd online blijft.

3. Meer PHP-workers

PHP-workers voeren de code op een WordPress site uit. Extra PHP-workers zorgen dat je meerdere aanvragen tegelijkertijd kan uitvoeren. Simpel gezegd, hoe meer PHP-workers je hebt, hoe beter!

We hebben hier bij Kinsta verschillende pakketten en we werkten met Kevin samen om het juiste pakket te vinden die aan hun behoeften zou voldoen op basis van het huidige verkeer en schattingen voor extra belasting door Shark Tank. Ons B1-pakket bevat 2 PHP-workers, helemaal tot ons Enterprise 4-pakket met 16 PHP-workers. Daarnaast bieden we oplossingen op maat voor bedrijven die maatwerk nodig hebben.

4. Problemen oplossen bij een hoog gebruik van admin-ajax

Veel WordPress sites, zelfs kleinere, hebben problemen met een hoog admin-ajax.php gebruik. Dit is ook iets dat vaak uit plugins in snelheidstests van websites blijkt.  De website van DARTDrones had ook last van dit probleem, dat we onderzocht hebben voordat ze op SharkTank verschenen. In onze belastingtests ontvingen ze meer dan 4.100 oproepen van admin-ajax.php in een periode van 24 uur met minder dan 2.000 unieke bezoekers. Dat is niet een geweldige verhouding tussen aanvragen en bezoeken. Het grote probleem hiermee is dat elke ajax-aanvraag de volledige WordPress-backend laadt terwijl alle vormen van caching omzeild worden.

Na verder onderzoek ontdekten we dat de meeste verzoeken via de verwijzende URL van de wp-admin werden gedaan, die gegenereerd werden, omdat hun beheerders de site aan het updaten waren voor de show. Als je een hoog admin-ajax gebruik ziet, dan is het altijd belangrijk om het te onderzoeken, omdat dit gemakkelijk een WordPress-site plat kan leggen.

5. Omgaan met problemen met WooCommerce-caching

DARTDrones gebruikte WooCommerce voor hun eCommerce oplossing. Dat is prima, want Kinsta is gespecialiseerd in high-performance WooCommerce-hosting en we zorgen dagelijks dat onze klanten deze oplossing probleemloos kunnen gebruiken. We zagen meteen dat er veel niet-cacheerbare verzoeken aan /? wc-ajax = get_refreshed_fragments werden gedaan. Dit is gebruikelijk voor WooCommerce, omdat ze voor een deel voor de winkelwagenfunctionaliteit gebruikt.

Er zijn echter manieren om verbeteringen aan te brengen, zoals het verwijderen van het script. Je kunt dit zelfs op een specifieke pagina doen, zoals je belangrijkste pagina, de startpagina. Dit hoeft natuurlijk niet gedaan te worden, maar het kan de snelheid verbeteren, omdat deze verzoeken niet gecachet kunnen worden. Je kunt dit probleem op GitHub zien. Een JavaScript alternatief zou dan ook ingesteld kunnen worden om met de winkelwagen te werken.  Voorbeeld:

add_action( 'wp_enqueue_scripts', 'dequeue_woocommerce_cart_fragments', 11); function dequeue_woocommerce_cart_fragments() { if (is_front_page()) wp_dequeue_script('wc-cart-fragments'); }

Omdat elke site Kinsta’s caching op server-level heeft, hebben we ook andere regels bij Kinsta om de juiste WooCommerce functionaliteit te garanderen. Standaard sluiten we bekende WooCommerce-pagina’s zoals /winkelwagen.* /mijn-account.* /check-out.* enzovoort uit. Gebruikers omzeilen ook de cache wanneer de cookie woocommerce_items_in_cart wordt gedetecteerd.

Voor extra cache vereisten kunnen klanten ook programmatisch afzonderlijke URL’s wissen met behulp van het filter kinsta-cache / purge_list. Dit moet echter alleen door geavanceerde gebruikers worden gedaan.

add_filter( 'kinsta-cache/purge_list', 'kc_add_custom_purge_urls' );
function kc_add_custom_purge_urls( $urls ) {
$urls[] = site_url() . 'a-custom-static-page-with-dynamic-content/';
return $urls;
}

Of het kan via cURL gedaan worden door een URL aan te roepen met een prefix van de ondersteunings-ingenieurs van Kinsta.

6. Verstandig gebruik van serverbronnen

Een probleem dat we onmiddellijk na het gesprek met Kevin zagen, was dat hun startpagina meer dan 50 MB groot was. De startpagina is in dit soort gevallen vooral belangrijk, omdat bijna al het verkeer van een show als Shark Tank eerst door de startpagina zal lopen. Het is dus van essentieel belang om dit onderdeel van je site goed wil opstellen als je deze pagina online wilt houden.

DARTDrones maakt gebruik van een streaming MP4-video, die 90% van de totale grootte van de pagina behelst. Gelukkig gebruikten ze Cloudflare om de video te laten draaien.

Om de snelheden voor de show te helpen verbeteren, wilde Kevin eigenlijk een statische HTML-pagina voor de startpagina laden, om veel voorkomende WordPress vertragingen te voorkomen. Dit is heel slim. We hebben geholpen om de omleidingen op zijn plaats te zetten, zodat deze daadwerkelijk naar /home.html omleiden om de statische pagina weer te geven, maar nog steeds als dartdrones.com aan het front-end worden weergegeven. Omdat ze al Cloudflare gebruikten, hebben we vervolgens aanbevolen om paginaregels te gebruiken om de startpagina volledig in het cachegeheugen op te slaan, waardoor er een groot deel van de paginaweergaven verwijderd zou worden, zodat onze servers zich konden concentreren op de geld genererende e-commerce-transacties waar verwerkingskracht voor nodig is. Prestaties zijn behoorlijk belangrijk voor conversies, en wat is het doel van een verkeersstroom als het niet het genereren van business is? Het is dus logisch om serverbronnen verstandig te gebruiken.

Een goede webhost zou je moeten helpen om een combinatie te vinden die het beste voor je werkt. We raden aan om altijd een CDN te gebruiken, zelfs als dit betekent dat je geld bespaart door bandbreedte naar iemand anders te verplaatsen. We willen dat je slaagt en de best presterende WordPress site hebt. Al met al konden we de totale laadtijd van pagina’s van DARTDrones met meer dan 50% op hun hele site verminderen!

Bedankt Kinsta voor al je flexibiliteit bij de hulp om DARTdrones op het verkeer van ABC Shark Tank voor te bereiden. Ook het verminderen van de pagina laadtijd over de hele site met 50% +. (Src)

Kevin McAloon, Designer & Frontend Developer
dartdrones.com

En hier is een kleine indruk van wat er gebeurt als je op Shark Tank te zien bent. Je kunt hieronder zien dat gegevensoverdracht en unieke bezoeken rond 20:00 oostelijke tijd omhoog zijn geschoten (hieronder weergegeven in de EU). In de zware periode van 6 uur na de uitzending waren er in totaal 1.263.233 aanvragen met 2 TB cache-bandbreedte gebruikt en slechts 3 GB niet-cache-bandbreedte. Dit toont het belang van het strategisch naar je site kijken om ervoor te zorgen dat er zoveel mogelijk aanvragen in de cache worden opgeslagen.

Na Shark Tank

Zoals we al zeiden, slaagde DARTDrones erin om een investering van $300.000 bij Mark Cuban binnen te halen. En sinds het filmen van de show zijn ze snel gegroeid! Ze hebben op hun blog een geweldige samenvatting geschreven over wat er na Shark Tank gebeurde. Samengevat hebben ze:

• Meer dan het dubbele aantal vlieginstructeurs
• Bieden in 48 steden lessen aan, wat het dubbele is van wat ze sinds de Shark Tank opnames aanboden
• 5 nieuwe klassen
• Lancering van een Drone-adviesprogramma
• Groter en groeiend team tussen afdelingen

En naast hun indrukwekkende groei, hebben ze sinds de uitzending ook een toename van online verkopen gezien.

Samenvatting

Dit zijn slechts een paar manieren waarop we DARTDrones hebben geholpen om hun WooCommerce site te schalen om een 100% up-time en een vlekkeloze ervaring voor hun klanten tijdens het “Shark Tank-effect” te garanderen. Elke WordPress site is anders en we houden altijd van een nieuwe uitdaging! Hosting is een investering en het is van cruciaal belang dat je tijdens je piekverkoopperioden online blijft. Als je hulp nodig hebt om je WordPress site te schalen, neem dan vandaag nog contact met ons op om te zien hoe we je kunnen helpen. En als je van Drones houdt, dan raden we je ten zeerste aan om DARTDrones te bekijken.