Ir al contenido

Cómo Kinsta Ayudó a DARTDrones a Escalar para el Efecto Shark Tank

dartdrones

Una de las cosas emocionantes que tenemos que hacer aquí en Kinsta es trabajar con todo tipo de nuevas empresas de vanguardia. Recientemente tuvimos el placer de trabajar con DARTDrones, que brindan capacitación práctica experta en drones y certificación de piloto de drones en 40 ciudades diferentes de los Estados Unidos. Hoy profundizaremos en cómo les ayudamos a preparar y escalar su sitio WooCommerce para lo que algunos llaman “Efecto Shark Tank”. Tuvieron mucho éxito y lograron un acuerdo con Mark Cuban por $ 300,000.

¡Lo último que uno quiere que suceda es que se publique en la televisión nacional, se aumente el tráfico y su sitio web se caiga! Afortunadamente, esta es nuestra especialidad aquí en Kinsta, debido a nuestra infraestructura de escalamiento automático y nuestra experiencia trabajando con sitios de alto tráfico y demandantes.

El Efecto Shark Tank

El “Efecto Shark Tank” es muy real e incluso muchas compañías que no logran un acuerdo con los tiburones terminan con una enorme cantidad de tráfico y exposición, simplemente por estar en el programa. Los expertos de SharkTankPodcast creen que una aparición en el programa vale de $4 millones a $ 5 millones solo en publicidad. Muchos empresarios han aprendido de la manera difícil, como Alpert que vio enormes picos de tráfico inmediatamente después de la emisión, con más de 10,000 personas de repente en su aplicación de forma simultánea. O Xero Shoes que de vuelta en 2013 fue a Shark Tank  y su sitio web se bloqueó debido a que su servidor se vio abrumado.

“Al igual que muchas compañías de Shark Tank, nuestro sitio web se bloqueó, y estuvimos todo el fin de semana respondiendo correos electrónicos y llamadas telefónicas. Me sorprendió que la gente llamara a las 3 a.m. y claramente esperaba que estuviéramos contestando los teléfonos (lo cual hacíamos) “. – Lena Phoenix

Por lo tanto, es muy importante que antes de utilizar Shark Tank o cualquier medio de comunicación donde espere un aumento de tráfico, elija o migre a un host que pueda manejar la carga. También recomendamos entablar una conversación con su host para avisarle. Hay muchas cosas que se pueden hacer en preparación para ayudar a asegurar su éxito. Y eso es lo que hicimos aquí en Kinsta con DARTDrones.

Un Par de Formas Como Escalamos el Sitio WordPress de DARTDrone

Cuando se trata de sitios con mucho tráfico, nuestros expertos ingenieros de soporte aquí en Kinsta analizan cada caso de forma individual. Estamos acostumbrados a trabajar con todo tipo de configuraciones, desde soluciones de WooCommerce hasta sitios de noticias. Anteriormente hemos ayudado a empresas como Swagway a prepararse para Cyber Monday en el que recibieron más de 90,000 visitantes únicos en un solo día, con 160-350 usuarios activos en el sitio haciendo pedidos durante cada segundo. ¡Incluso sitios WordPress con más de 60,000 visitantes simultáneos no son un problema para nosotros!

Ayer: 60,000 visitantes concurrentes en un el sitio de #WordPress de un cliente (medido por GA) estuvo ejecutándose sin problemas

Kevin McAloon, diseñador y desarrollador front-end que trabaja con DARTDrones, nos contactó antes de Shark Tank. Él conversó con nuestros ingenieros de soporte y discutimos sus mejores opciones. Luego, nuestro equipo migró su sitio a los servidores de Kinsta. Aquí hay un par de cosas específicas que ayudamos a DARTDrones a resolver después de la migración para asegurar un 100% de tiempo de actividad y una experiencia agradable para sus nuevos clientes:

1. Aislando a dartdrones.com

En primer lugar, así es como nuestra infraestructura está configurada para funcionar desde el principio. Usamos contenedores Linux (LXC) y LXD para organizarlos, además de la Google Cloud Platform lo que nos permite aislar por completo no solo cada cuenta, sino también cada sitio de WordPress separado. Esto significa que dartdrones.com fue aislado completamente de toda otra actividad en nuestra infraestructura.

2. Escalando CPUs

Utilizando el Google Compute Engine, de hecho, permitimos que el contenedor del sitio se aloque a tantas CPU como sea necesario cuando haya aumento de tráfico. Esto aseguraría que DARTDrones se mantendría en línea

3. Aumentando los PHP Workers

Los PHP workers ejecutan el código en un sitio de WordPress. Teniendo  PHP workers adicionales permite múltiples solicitudes para ejecutar simultáneamente. Para decirlo simplemente, ¡cuantos más PHPworkers tenga, mejor!

php worker wordpress

Tenemos planes diferentes aquí en Kinsta y trabajamos con Kevin para encontrar el más adecuado que se adapte a sus necesidades en función del tráfico actual y las estimaciones de la carga adicional debida a Shark Tank. Nuestro plan B1 incluye 2 PHP workers hasta nuestro plan Enterprise 2, que incluye 10 PHP workers. Después también tenemos soluciones personalizadas más allá de eso.

4. Resolución de Problemas del Uso Elevado de admin-ajax

Muchos sitios de WordPress, incluso los más pequeños tienen problemas con el uso pesado de admin-ajax.php. Esto también es algo que comúnmente se mostrará debido a los plugins en las pruebas de velocidad del sitio web. El sitio web de DARTDrone también sufrió este problema, que investigamos antes de su aparición en Shark Tank. En nuestras pruebas de carga, recibieron más de 4,100 llamadas de admin-ajax.php en un período de 24 horas con menos de 2,000 visitantes únicos. Esa no es una gran proporción de solicitudes por visitas. El gran problema con esto es que cada solicitud ajax carga el back-end entero detodo WordPress mientras elude todas las formas de almacenamiento en cache.

Uso excesivo de admin-ajax.php en dartdrones.com
Uso excesivo de admin-ajax.php en dartdrones.com

Tras una investigación más exhaustiva, descubrimos que la mayoría de las solicitudes se realizaban desde la URL de referencia de wp-admin, que se generaba debido a que sus administradores actualizaban el sitio en preparación para el programa. Si está viendo un uso intensivo de admin-ajax, siempre es importante investigarlo, ya que esto puede hacer que un sitio de WordPress se caiga.

5. Tratando con Problemas de WooCommerce Caching

DARTDrones utilizó WooCommerce para su solución de eCommerce. Lo cual es genial, porque Kinsta se especializa en alto rendimiento de alojamiento WooCommerce y lo solucionamos diariamente para los clientes. Inmediatamente vimos que se hicieron muchas solicitudes no cacheables a /?wc-ajax=get_refreshed_fragments. Esto es común para WooCommerce, ya que lo utiliza para parte de la funcionalidad del carrito de compras.

woocommerce

Sin embargo, hay formas de mejorar esto, como desactivar scripts. Incluso puede hacer esto en una página específica, como su página más importante, la página de inicio. Por supuesto, esto no tiene que hacerse, pero puede mejorar las velocidades ya que estas solicitudes no se pueden almacenar en cache. Puede ver este problema en GitHub. También se puede configurar una alternativa de JavaScript para que funcione con el carrito de compras. Ejemplo:

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

Ya que cada sitio de Kinsta ofrece caching a nivel del servidor, también tenemos otras reglas implementadas en Kinsta para garantizar la funcionalidad adecuada de WooCommerce. Por omisión, excluimos las páginas conocidas de WooCommerce como /cart.* /my-account.* /checkout.* y así. Los usuarios también omiten la cache cuando se detecta cookie woocommerce_items_in_cart.

Para requisitos adicionales de caching, los clientes también pueden depurar la programación mediante las URL individuales utilizando el filtro kinsta-cache/purge_list. Sin embargo, esto solo deben hacerlo los usuarios avanzados.

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

O podría hacerse a través de cURL llamando a una URL con un prefijo proporcionado por los ingenieros de soporte de Kinsta.

6. Usando los recursos del servidor sabiamente

Un problema que vimos inmediatamente después de conversar con Kevin fue que su página de inicio tenía más de 50 MB de tamaño. La página de inicio es especialmente importante en casos como estos porque casi todo el tráfico de un programa como Shark Tank se canalizará primero a través de la página de inicio. Por lo tanto, es vital que planifique según lo previsto para mantener esta página en línea.

Sitio web de DARTdrones
Sitio web de DARTdrones

DARTDrones utiliza una transmisión de video MP4 que equivale a un poco más del 90% del tamaño. Afortunadamente estaban utilizando Cloudflare para servir esto.

Página de inicio pesado
Página de inicio pesado

Para ayudar a mejorar las velocidades del programa, Kevin realmente quería cargar una página HTML estática para la página principal, para negar cualquier desaceleración común de WordPress. Esto es realmente muy inteligente. Ayudamos a poner las redirecciones en su lugar para que redirija a /home.html para mostrar la página estática, pero se mostraría como dartdrones.com en el front-end. Como ya estaban utilizando Cloudflare, recomendamos usar reglas de página para almacenar completamente en cache la página de inicio, lo que descargaría una gran cantidad de vistas de página para que nuestros servidores puedan enfocarse en las transacciones generadoras de dinero de eCommerce que requieren poder de procesamiento. El rendimiento es bastante crítico para las conversiones, y ¿cuál es el objetivo de un aumento de tráfico si no es para generar negocios? Por lo tanto, tiene sentido utilizar los recursos del servidor con prudencia.

Un buen servidor web debería ayudarle a encontrar la combinación que funcione mejor. Siempre recomendamos utilizar una CDN, incluso si eso significa que usted ahorra dinero al descargar ancho de banda a otra persona. Queremos que tenga éxito y tenga el mejor sitio de WordPress. ¡Con todo, pudimos reducir el tiempo total de carga de páginas de DARTDrone en más del 50% en todo su sitio!

Kevin McAloon

Gracias @kinsta por toda tu flexibilidad ayudando a @DARTdrones a prepararse para el tráfico @ABCSharkTank. También aumentó la velocidad de la carga de la página en todo el sitio en un 50%

Kevin McAloon
Diseñador & Desarrollador Frontend

Y aquí hay un pequeño vistazo de lo que sucede cuando está en Shark Tank. A continuación, puede ver que la transferencia de datos y las visitas únicas se dispararon a las 8 de la noche, hora del este (mostrado en UE a continuación). En el pesado período de 6 horas después de la emisión hubo un total de 1,263,233 solicitudes con un ancho de banda cacheada de 2 TB, y solo 3 GB de ancho de banda sin la mima. Esto muestra la importancia de buscar estratégicamente su sitio para asegurarse de que se almacenen tantas solicitudes como sea posible.

Analítica de transferencia de datos
Analítica de transferencia de datos

Después de Shark Tank

Como mencionamos, DARTDrones logró obtener una inversión de $300,000 con Mark Cuban. Y desde la grabación del programa, ¡han estado creciendo a un ritmo rápido! Escribieron un gran resumen en su blog sobre qué sucedió después de Shark Tank. En corto, ellos tienen:

  • Más del doble de su número de instructores de vuelo
  • Ofrecen clases en 48 ciudades, que es el doble de lo que ofrecían desde el rodaje de Shark Tank
  • 5 nuevas clases
  • Lanzamiento de un programa de consultoría de Drone
  • Un equipo más grande y creciente en todos los departamentos

Y además de su impresionante crecimiento, también han visto un aumento en las ventas en línea desde su lanzamiento.

Resumen

Estas son solo algunas de las formas en que ayudamos a DARTDrones a escalar su sitio WooCommerce para asegurar un tiempo de actividad del 100% y una experiencia impecable para sus clientes durante el “Efecto Shark Tank”. Cada sitio WordPress es diferente y ¡siempre nos encanta un nuevo desafío! El hosting es una inversión, y es crucial que permanezca en línea durante sus períodos de mayor demanda. Si necesita ayuda para escalar su sitio de WordPress, contáctenos hoy para ver cómo podemos ayudar. Y si le gustan los Drones, recomendamos visitar DARTDrones.

¿Le gusta lo que ve? ¡Únase a Kinsta!

Consulte nuestros planes desde el nivel starter hasta las soluciones enterprise. ¡Encuentre lo que le acomoda, o contáctenos si necesita algo especial!

Ver Planes Contactar