En av de spännande sakerna vi får göra här på Kinsta är att arbeta med alla möjliga nya banbrytande företag. Nyligen hade vi nöjet att arbeta med DARTDrones, som ger praktisk expert-drönarutbildning och Part 107 drönarpilot-certifiering i 40 olika städer i USA. Idag ska vi dyka in i hur vi hjälpte dem att förbereda och skala sin WooCommerce-webbplats för vad vissa kallar ”Shark Tank-effekten.” De var mycket framgångsrika och gjorde en överenskommelse med Mark Cuban för $300 000.
Det sista du vill ska hända är att vara med på live-tv, få en trafikökning och så kraschar din webbplats! Tack och lov är detta vår specialitet här på Kinsta, på grund av vår autoskalande infrastruktur och erfarenhet av att arbeta med krävande platser med hög trafik.
Shark Tank-effekten
”Shark Tank-effekten” är mycket verklig och till och med många företag som inte gör en affär med hajarna får en enorm mängd trafik och exponering, helt enkelt från att vara med på tv-programmet. SharkTankPodcast-experterna räknar med att ett deltagande i tv-programmet är värt $4 till $5 miljoner i marknadsföringsexponering. Många entreprenörer har lärt sig den hårda vägen, till exempel Alpert som såg stora trafikspikar omedelbart när programmet visades, med mer än 10 000 personer som plötsligt besökte appen. Eller Xero Shoes som var med på Shark Tank 2013, och deras hemsida kraschade på grund av att deras server inte klarade trycket.
”Liksom många Shark Tank-företag, kraschade vår hemsida, och vi var uppe hela helgen med att svara på e-post och telefonsamtal. Jag blev förvånad över att folk kunde ringa klockan 3 på morgonen och uppenbarligen förvänta att vi skulle svara i telefonen (vilket vi gjorde).” – Lena Phoenix
Så det är mycket viktigt att du innan du är med i ett program som Shark Tank, eller någon media-outlet där du förväntar dig en våg av trafik, väljer eller migrerar till en värd som kan hantera den ökade belastningen. Vi rekommenderar också att du talar med din värd för att informera dem. Det finns en hel del saker som kan göras som förberedelse för att säkerställa din framgång. Och det är vad vi gjorde här på Kinsta med DARTDrones.
Ett par sätt vi skalade DARTDrones WordPresswebbplats
När det gäller högtrafikerade webbplatser, tittar våra kunniga supportingenjörer här på Kinsta på varje enskilt fall. Vi är vana vid att arbeta med alla typer av konfigurationer, från WooCommerce-lösningar till nyhetssajter. Tidigare har vi hjälpt företag som Swagway förbereda för Cyber Monday där de fick över 90 000 unika besökare på en enda dag, med 160-350 aktiva användare som gjorde beställningar på webbplatsen varje sekund. Inte ens WordPresswebbplatser med över 60 000+ samtidiga besökare är ett problem för oss!
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, en Designer & Frontend-utvecklare som arbetar med DARTDrones, nådde ut till oss innan Shark Tank. Han pratade med våra supportingenjörer och vi diskuterade deras bästa alternativ. Deras webbplats migrerades sedan av vårt team över till Kinstas servrar. Här är ett par specifika saker som vi hjälpte DARTDrones lösa efter migreringen för att säkerställa 100% driftstid och en trevlig upplevelse för deras nya kunder:
1. Isolering av dartdrones.com
Först och främst är det så här vår infrastruktur är gjord att fungera från början. Vi använder Linux containers (LXC), och LXD för att orkestrera dem, ovanpå Google Cloud Platform som gör det möjligt för oss att helt isolera, inte bara varje konto, utan varje separat WordPress webbplats. Detta innebär att dartdrones.com var helt isolerad från all annan verksamhet på vår infrastruktur.
2. Skalning av CPU
Med hjälp av Google Compute Engine låter vi faktiskt webbplatsens container skala upp till så många processorer som behövs när det finns en ökning av trafiken. Detta såg till att DARTDrones fortsatte vara online.
3. Ökning av antalet PHP-arbetare
PHP-arbetare exekverar koden på en WordPress-webbplats. Med ytterligare PHP-arbetare kan flera förfrågningar exekveras samtidigt. För att uttrycka det enkelt, ju fler PHP-arbetare du har desto bättre!
Vi har olika planer här på Kinsta och vi arbetade med Kevin för att hitta den rätta som skulle passa deras behov baserat på nuvarande trafik och uppskattningar för ytterligare belastning på grund av Shark Tank. Vår B1-plan innehåller 2 PHP-arbetare hela vägen upp till vår Enterprise 4-plan som omfattar 16 PHP-arbetare. Sedan har vi också anpassade lösningar utöver det.
4. Felsökning av hög admin-ajax användning
Många WordPress-webbplatser, men även mindre webbplatser har problem med tung admin-Ajax.php-användning. Detta är också något som vanligtvis kommer att dyka upp från olika plugins i webbplatshastighetstester. DARTDrones webbplats led också av detta problem, vilket vi undersökte innan de var med på Shark Tank. I våra belastningstester fick de över 4 100 admin-Ajax.php-anrop under en 24-timmarsperiod med under 2,000 unika besökare. Det är inte ett bra förhållande mellan förfrågningar och besök. Det stora problemet med detta är att varje ajax-begäran laddar hela WordPress-backenden och samtidigt kringgår alla former av cachning.
Upon further investigation, we discovered that most of the requests were being made from the wp-admin referrer URL, which were being generated due to their admins updating the site in preparation for the show. If you are seeing heavy admin-ajax usage it is always important to investigate it, as this can easily bring a WordPress site down.
5. Hantera WooCommerce-cachningsproblem
DARTDrones utnyttjade WooCommerce som sin e-handelslösning. Vilket är bra, eftersom Kinsta specialiserar sig på högpresterande WooCommerce-hosting och vi felsöker det dagligen åt kunder. Omedelbart såg vi att det fanns många ocachebara förfrågningar som gjordes till /?wc-ajax=get_refreshed_fragments. Detta är vanligt för WooCommerce eftersom det använder detta som en del av kundvagnsfunktionaliteten.
Det finns dock sätt att förbättra detta, till exempel att av-köa skriptet. Du kan även göra detta för en viss sida, till exempel din viktigaste sida, startsidan. Detta behöver naturligtvis inte göras, men kan förbättra hastigheten eftersom dessa förfrågningar inte kan cachas. Du kan se det här problemet på GitHub. Ett JavaScript-alternativ kan då också konfigureras för att fungera med kundvagnen. Exempel:
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'); }
Eftersom varje webbplats har Kinstas cachning på servernivå, har vi också andra regler på plats på Kinsta för att säkerställa korrekt WooCommerce-funktionalitet. Som standard utesluter vi kända WooCommerce-sidor som /cart.* /my-account.* /checkout.* och så vidare. Användare kringgår också cacheminnet när woocommerce_items_in_cart-cookien upptäcks.
För ytterligare cachningsbehov kan våra klienter också programmatiskt rensa enskilda webbadresser med hjälp av kinsta-cache/purge_list-filtret. Detta bör dock endast göras av avancerade användare.
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;
}Eller så kan det göras via cURL genom att anropa en URL med ett prefix som tillhandahålls av Kinstas supportingenjörer.
6. Använda serverresurser klokt
Ett problem som vi omedelbart såg efter att ha chattat med Kevin var att deras startsida var över 50 MB i storlek. Startsidan är särskilt viktig i fall som dessa eftersom nästan all trafik från ett program som Shark Tank först kommer genom startsidan. Så det är viktigt att du planerar noga för att hålla denna sida online.
DARTDrones använder en strömmande MP4-video som motsvarar lite över 90% av storleken. Tack och lov använde de Cloudflare för att leverera detta.
För att förbättra hastigheten inför tv-programmet ville Kevin faktiskt ladda en statisk HTML-sida som startsida för att negera alla vanliga faktorer som saktar ner WordPress. Det här är faktiskt väldigt smart. Vi hjälpte till att sätta omdirigeringar på plats så att det faktiskt skulle omdirigera till /home.html för att leverera den statiska sidan, men skulle fortfarande visas som dartdrones.com på frontenden. Eftersom de redan använde Cloudflare rekommenderade vi sedan att använda sidregler för att helt cacha startsidan, vilket skulle avlasta en stor del av sidvisningarna så att våra servrar kunde fokusera på de inkomstgenererande e-handelstransaktionerna som kräver processorkraft. Prestanda är ganska avgörande för konverteringar, och vad är målet med en trafikspik om inte att generera affärer? Så det är smart att använda sina serverresurser klokt.
En bra webbhotell bör hjälpa dig att hitta en kombination som fungerar bäst för dig. Vi rekommenderar alltid att du använder ett CDN, även om det innebär att du sparar pengar genom att avlasta bandbredd på någon annan. Vi vill att du ska lyckas och ha den bästa WordPress-webbplatsen. Sammantaget kunde vi minska DARTDrones totala sidladdningstider med över 50% över hela deras webbplats!
Tack Kinsta för all er flexibilitet i att hjälpa DARTdrones förbereda sig för ABC Shark Tank-trafiken. Minskade också sidladdningstider över hela webbplatsen med 50%+. (src)
dartdrones.com
Och här är en liten glimt av vad som händer när du är med på Shark Tank. Du kan se nedan att dataöverföring och unika besök sköt i höjden runt 20.00 ET. Under den tunga 6-timmarsperioden efter visning skedde totalt 1 263 233-förfrågningar, som använde 2 TB cachad bandbredd och endast 3 GB ocachad bandbredd. Detta visar vikten av att strategiskt titta på din webbplats för att säkerställa att så många förfrågningar cachas som möjligt.
Efter Shark Tank
Som vi nämnde lyckades DARTDrones få en investering på $300 000 från Mark Cuban. Och sedan tv-avsnittet visades har de ökat i snabb takt! De skrev upp en jättebra sammanfattning på sin blogg om vad som hände efter Shark Tank. Kort sagt har de:
- Mer än fördubblat antalet flyginstruktörer
- Erbjudit lektioner i 48 städer, vilket är dubbelt vad de erbjöd när de filmade Shark Tank
- 5 nya utbildningar
- Lansering av ett Drönarkonsultprogram
- Större och växande team på många avdelningar
Och förutom deras imponerande tillväxt, har de också sett en ökning av online-försäljning sedan tv-programmet visades.
Sammanfattning
Dessa är bara ett par olika sätt vi hjälpte DARTDrones skala deras WooCommerce-webbplats för att garantera 100% driftstid och en felfri upplevelse för sina kunder under ”Shark Tank-effekten”. Varje WordPress-webbplats är annorlunda och vi älskar alltid en ny utmaning! Hosting är en investering, och det är viktigt att du håller din webbplats online under din bästa försäljningsperioder. Om du behöver hjälp med att skala din WordPresswebbplats, kontakta oss idag för att se hur vi kan hjälpa dig. Och om du gillar drönare, rekommenderar vi starkt att du tar en närmare titt på DARTDrones.
