Como Kinsta Ajudou a DARTDrones a Escalar para Lidar com o Efeito Shark Tank

Uma das coisas entusiasmantes que podemos fazer na Kinsta é trabalhar com todas essas novas empresas de tecnologia de ponta. Recentemente, tivemos o prazer de trabalhar com a DARTDrones, que oferece formação especializada em drones e disponibiliza certificação para piloto de drones em 40 cidades nos Estados Unidos. Hoje vamos ver como ajudámos essa empresa a preparar e escalar seu site WooCommerce para o que alguns chamam de “Efeito Shark Tank”. Eles tiveram muito sucesso e fizeram um acordo com Mark Cuban por $300,000.

A última coisa que você quer que aconteça é chegar na televisão e ter seu site em baixo pelo aumento de súbito de tráfego! Felizmente, essa é a nossa especialidade na Kinsta, devido à nossa infraestrutura de escalamento automático e à nossa experiência com sites de elevado tráfego e exigência.

O Efeito Shark Tank

O “Efeito Shark Tank” é algo bem real e até empresas que não conseguem fechar negócio com os tubarões acabam por receber muito tráfego e exposição, apenas por aparecerem no show. Os peritos do SharkTankPodcast acreditam que aparecer no show vale $4 milhões a $5 milhões em marketing. Muitos empresários aprenderam da forma mais difícil, como Alpert, que registrou enormes picos de tráfego imediatamente após aparecerem no show, com mais de 10.000 pessoas entrando subitamente no seu aplicativo. Ou a Xero Shoes, que, em 2013, foi no Shark Tank e seu site falhou devido à sobrecarga do servidor.

“À semelhança de muitas do Shark Tank, nosso site caiu, e ficamos fins-de-semana inteiros respondendo a emails e telefonemas. Fiquei espantada por ter pessoas ligando às 3 da manhã, esperando que nós atendêssemos (e nós atendíamos)”. – Lena Phoenix

Então, antes de ir no Shark Tank, ou em qualquer meio de comunicação onde espera uma onda de tráfego, é muito importante que você escolha ou migre para um host que pode lidar com essa carga. Nós recomendamos também converse com seu host para que ele saiba. Existem muitas coisas que podem ser feitas em preparação para ajudar a garantir o seu sucesso. E foi o que fizemos aqui na Kinsta com a DARTDrones.

Algumas Formas Que Usámos para Escalar o Site WordPress da DARTDrone

Em relação a sites de tráfego elevado, os nossos engenheiros especializados na Kinsta olham para cada caso de forma individualizada. Estamos habituados a trabalhar com todo o tipo de configurações, desde soluções WooCommerce a sites de notícias. No passado, ajudámos empresas como a Swagway a se prepararem para a Cyber Monday, na qual receberam mais de 90,000 visitantes únicos em um único dia, com 160-350 usuários ativos no site fazendo pedidos a cada segundo. Até mesmo sites WordPress com mais de 60k,000 visitantes simultâneos não são um problema para nós!

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, Designer & Desenvolvedor de Front-end que trabalha com a DARTDrones, nos contatou antes do Shark Tank. Ele conversou com nossos engenheiros e discutimos as melhores opções. O site deles foi migrado pela nossa equipa para os servidores Kinsta. Aqui ficam algumas coisas específicas que ajudámos a DARTDrones a resolver após a migração, para garantir 100% de tempo de atividade e uma experiência agradável para seus novos clientes:

1. Isolamento do dartdrones.com

Em primeiro lugar, é dessa forma que a nossa infraestrutura está configurada para funcionar desde o início. Nós usamos containers Linux (LXC) e LXD, para além do Google Cloud Platform, que nos permitem isolar completamente não apenas cada conta, mas cada site WordPress de forma individualizada. Isso significa que o dartdrones.com foi completamente isolado de todas as outras atividades da nossa infraestrutura.

2. Escalonamento de CPUs

Com o Google Compute Engine, nós deixamos o container do site escalar para tantas CPUs quantas aquelas consideradas necessárias quando uma onda de tráfego é registrada. Isso garantiu que a atividade do site da DARTDrones.

3. Aumentando os Trabalhadores PHP

Os trabalhadores do PHP executam o código em um site WordPress. Ter trabalhadores PHP adicionais permite que múltiplas requisições sejam simultaneamente executadas. Ou seja, quanto mais trabalhadores PHP você tiver, melhor!

Aqui, na Kinsta, temos planos diferentes e trabalhámos com o Kevin para encontrar a opção certa para suas necessidades com base no tráfego atual e estimativas de carga adicional devido ao Shark Tank. O nosso plano B1 inclui 2 trabalhadores PHP e o nosso plano Enterprise 4 contempla 16 trabalhadores PHP. Temos também soluções personalizadas para além disso.

4. Resolução de Problemas Relacionados com a Elevada Utilização do admin-ajax

Muitos sites WordPress, mesmo os mais pequenos, têm problemas com o uso elevado do admin-ajax.php. Isso também é algo comumente associado a plugins em testes de velocidade. O site da DARTDrone sofreu também com esse problema, que nós detetámos antes de sua aparição no Shark Tank. Em nossos testes de carga, eles receberam mais de 4,100 pedidos admin-ajax.php em um período de 24 horas com menos de 2.000 visitantes únicos. Longe de ser um rácio ideal entre pedidos para visitas. O grande problema com isso é que cada pedido ajax aciona o back-end WordPress por completo, contornando todas as formas de cache.

Após uma análise mais detalhada, descobrimos que a maioria dos pedidos estavam sendo feitos a partir do URL de referência wp-admin, que estava sendo gerado devido à atualização do site pelos administradores em preparação para o show. Se está notando que o seu admin-ajax está sendo usado com grande intensidade, é importante investigar a situação, pois isso pode facilmente derrubar um site WordPress.

5. Lidar Com Problemas de Cache WooCommerce

A DARTDrones utilizou o WooCommerce na sua solução de eCommerce. O que é ótimo, já que a Kinsta se especializa na hospedagem WooCommerce de alto desempenho e resolvemos problemas dessas diariamente. Vimos rapidamente que havia um monte de pedidos irrecuperáveis sendo feitos para /?wc-ajax=get_refreshed_fragments. Isso é comum para o WooCommerce, uma vez que utiliza para parte da funcionalidade do carrinho de compras.

Contudo, existem formas de melhorar isso, como desbloquear o script. Você até pode fazer isso em uma página específica, como a sua página mais importante, a homepage. Isso não é obrigatório, mas pode melhorar a velocidade, já que essas requisições não podem ser armazenadas em cache. Você pode ver essa questão no GitHub. Uma alternativa JavaScript poderia então ser configurada para trabalhar com o carrinho de compras. Exemplo:

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'); }

Uma vez que todos os sites na Kinsta têm cache ao nível de servidor, temos também outras regras em vigor para garantir a funcionalidade adequada do WooCommerce. Por padrão, excluímos páginas conhecidas do WooCommerce como /cart.* /my-account.* /checkout.*, entre outros. Os usuários também pulam o cache quando o cookie woocommerce_items_in_cart é detetado.

Para requisitos adicionais de cache, os clientes podem também apagar automaticamente URLs individuais usando o filtro kinsta-cache/purge_list. Contudo, isso só deve ser feito por usuários avançados.

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;
}

Ou pode ser feito via cURL acionando um URL com um prefixo fornecido pelos engenheiros Kinsta.

6. Usando Inteligentemente os Recursos do Servidor

Um problema que notámos imediatamente após conversar com o Kevin foi que a sua página inicial tinha mais de 50 MB. A homepage é especialmente importante em casos como esse, porque quase todo o tráfego de um show como o Shark Tank vai passar primeiro pela homepage. Por isso, é vital planear para manter essa página online.

A DARTDrones utiliza um streaming de vídeo MP4 que equivale a um pouco mais de 90% do tamanho. Felizmente, eles estavam usando o Cloudflare para apresentar isso.

Para ajudar a melhorar as velocidades após o show, Kevin queria carregar uma página HTML estática como página inicial, para responder a qualquer desaceleração comum do WordPress. Isso é algo realmente inteligente. Nós ajudámos a colocar os redirecionamentos, para que eles se dirigissem até /home.html, apresentando uma página estática, mostrando ainda assim a dartdrones.com no front-end. Como eles já estavam utilizando a Cloudflare, recomendámos o uso de regras de página para armazenar a página inicial em cache, o que libertaria uma grande parte das visualizações de página, para que os nossos servidores pudessem se focar nas transações eCommerce geradoras de dinheiro, as quais exigem poder de processamento. O desempenho é muito importante para as conversões, e qual é o objetivo de um aumento de tráfego se não for para gerar negócio? Portanto, faz sentido usar os recursos do servidor com inteligência.

Um bom anfitrião web deverá ajudar você a encontrar a melhor combinação. Nós sempre recomendamos o uso de uma CDN, mesmo que isso o obrigue a poupar dinheiro ao colocar a largura de banda ao cargo de outra pessoa. Queremos que tenha sucesso e o melhor desempenho no seu site WordPress. Resumindo, conseguimos reduzir o tempo total de carregamento das páginas DARTDrone em mais de 50% para todo o site!

Obrigado Kinsta por toda a vossa sua flexibilidade, ajudando a DARTdrones a se preparar para o tráfego provocado pelo Shark Tank, do canal ABC. Também diminuímos os tempos de carregamento de páginas em 50% ou mais em todo o site.
(fonte)

Kevin McAloon, Designer & Frontend Developer
dartdrones.com

E aqui fica um pequeno exemplo do que acontece quando você vai no Shark Tank. Abaixo pode notar que a transferência de dados e as visitas únicas dispararam por volta das 20:00 (hora na UE abaixo). No período mais pesado, 6 horas após a aparição, houve um total de 1,263,233 pedidos com 2 TB de largura de banda em cache utilizada, e apenas 3 GB de largura de banda não em cache. Isso mostra a importância de olhar estrategicamente para o seu site para garantir o maior número possível de caches armazenados em cache.

Após o Shark Tank

Como falámos acima, a DARTDrones conseguiu um investimento de $300,000 com Mark Cuban. E, desde o show, têm vindo a crescer a grande ritmo! Eles escreveram um resumo no seu blog sobre o que aconteceu depois do Shark Tank. Em suma, eles:

• Mais do que duplicaram o seu número de instrutores de voo
• Oferecem aulas em 48 cidades, o dobro do que eles ofereceriam desde antes do Shark Tank
• 5 novas aulas
• Lançamento de um programa de consultoria de drones
• Uma maior e crescente equipe todos os departamentos

E, além do seu crescimento impressionante, também aumentaram as vendas online.

Resumo

Essas são apenas algumas maneiras através das quais ajudámos a DARTDrones a escalar o seu site WooCommerce para garantir 100% de tempo de atividade e uma experiência impecável para seus clientes durante o “Efeito Shark Tank”. Cada site WordPress é diferente e adoramos sempre um novo desafio! A hospedagem é um investimento, e é crucial que você fique online durante seus períodos de pico de vendas. Se está precisando de ajuda para escalar seu site WordPress, entre em contato conosco hoje mesmo para ver como podemos ajudar. E, se gostas de drones, recomendamos a DARTDrones.