Comment Kinsta a aidé DARTDrones à évoluer pour l’effet Shark Tank

L’une des choses passionnantes que nous avons l’occasion de faire chez Kinsta, c’est de travailler avec toutes sortes de nouvelles entreprises à la pointe du progrès. Récemment, nous avons eu le plaisir de travailler avec DARTDrones, qui offre une formation pratique d’expert en drone et une certification de pilote de drone Part 107 dans 40 villes différentes aux États-Unis. Aujourd’hui, nous allons voir la façon dont nous les avons aidés à préparer et mettre à niveau leur site WooCommerce pour ce que certains appellent le « Shark Tank Effect ». Ils ont eu beaucoup de succès et ont conclu une entente avec Mark Cuban pour 300 000 $.

La dernière chose que vous voulez, c’est d’aller en direct à la télévision nationale, obtenir une augmentation du trafic, et que votre site web plante ! Heureusement, c’est notre spécialité ici chez Kinsta, grâce à notre infrastructure de mise à niveau automatique et à notre expérience de travail avec des sites très fréquentés et exigeants.

L’effet Shark Tank

L’effet « Shark Tank » est très réel et même beaucoup d’entreprises qui ne signent pas d’accord avec les sharks finissent par avoir une énorme quantité de trafic et d’exposition, tout simplement en passant sur l’émission. Les experts de SharkTankPodcast estiment qu’une apparition dans l’émission vaut à elle seule de 4 à 5 millions de dollars en exposition marketing. Beaucoup d’entrepreneurs ont appris à leurs dépens, comme Alpert qui a vu d’énormes pics de trafic immédiatement après sa diffusion, avec plus de 10 000 personnes soudainement dans son application simultanément. Ou encore Xero Shoes qui, en 2013, a utilisé Shark Tank et dont le site Web s’est effondré parce que son serveur a été submergé.

“Comme beaucoup d’entreprises de Shark Tank, notre site Web s’est effondré, et nous étions debout toute la fin de semaine à répondre aux courriels et aux appels téléphoniques. J’étais étonné que les gens appellent à 3 heures du matin et s’attendent clairement à ce que nous répondions au téléphone (ce que nous faisions).” – Lena Phoenix

Il est donc très important qu’avant d’aller sur Shark Tank, ou tout autre média où vous vous attendez à une augmentation du trafic, vous choisissiez ou migriez vers un hébergeur capable de gérer la charge. Nous vous recommandons également d’entamer une conversation avec votre hébergeur pour le lui faire savoir. Il y a beaucoup de choses qui peuvent être faites en préparation pour vous aider à assurer votre succès. Et c’est ce que nous avons fait ici à Kinsta avec DARTDrones.

Quelques façons dont nous avons mis à niveau le site WordPress de DARTDrone

Lorsqu’il s’agit de sites très fréquentés, nos ingénieurs du support technique chez Kinsta examinent chaque cas de manière individuelle. Nous avons l’habitude de travailler avec toutes sortes de configurations, des solutions WooCommerce aux sites de nouvelles. Auparavant, nous avons aidé des entreprises telles que Swagway à se préparer au Cyber Monday, au cours duquel elles ont reçu plus de 90 000 visiteurs uniques en une seule journée, 160 à 350 utilisateurs actifs sur le site passant des commandes à chaque seconde. Même les sites WordPress avec plus de 60 000 visiteurs simultanés ne sont pas un problème pour nous!

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, un designer et développeur Front-End travaillant avec DARTDrones, nous a contactés avant Shark Tank. Il a discuté avec nos ingénieurs de support et nous avons discuté de leurs meilleures options. Leur site a ensuite été migré par notre équipe vers les serveurs de Kinsta. Voici quelques points spécifiques que nous avons aidé DARTDrones à résoudre après la migration pour assurer une disponibilité à 100% et une expérience agréable pour leurs nouveaux clients :

1. Isoler dartdrones.com

Tout d’abord, c’est ainsi que notre infrastructure est configurée pour fonctionner dès le début. Nous utilisons des conteneurs Linux (LXC), et LXD pour les orchestrer, en plus de la plateforme Google Cloud qui nous permet d’isoler complètement non seulement chaque compte, mais chaque site WordPress séparé. Cela signifie que dartdrones.com a été complètement isolé de toute autre activité sur notre infrastructure..

2. Augmentation des CPUs

En utilisant Google Compute Engine, nous laissons le conteneur du site se mettre à niveau avec autant de CPUs que nécessaire en cas d’augmentation du trafic. Cela garantirait que DARTDrones reste en ligne.

3. Augmentation des Workers PHP

Les workers PHP exécutent le code sur un site WordPress. Le fait d’avoir des workers PHP supplémentaires permet l’exécution simultanée de plusieurs requêtes. Pour dire les choses simplement, plus vous avez de workers PHP, mieux c’est !

Nous avons différents plans ici à Kinsta et nous avons travaillé avec Kevin pour trouver celui qui répondrait à leurs besoins en fonction du trafic actuel et des estimations de la charge supplémentaire due à Shark Tank. Notre plan B1 comprend 2 workers PHP jusqu’à notre plan Entreprise 4 qui comprend 16 workers PHP. Nous avons également des solutions personnalisées au-delà de cela.

4. Dépannage de l’utilisation élevée de admin-ajax

Beaucoup de sites WordPress, même les plus petits ont des problèmes avec l’utilisation lourde de admin-ajax.php. C’est aussi quelque chose qui apparaîtra généralement à partir de plugins dans les tests de vitesse des sites Web.  Le site web de DARTDrone a également souffert de ce problème, que nous avons étudié avant leur apparition sur Shark Tank. Lors de nos tests de charge, ils ont reçu plus de 4 100 appels admin-ajax.php sur une période de 24 heures avec moins de 2 000 visiteurs uniques. Il ne s’agit pas d’un grand rapport entre le nombre de requêtes et le nombre de visites. Le gros problème avec ceci est que chaque requête ajax charge le back-end complet de WordPress tout en contournant toutes les formes de cache.

Après une enquête plus approfondie, nous avons découvert que la plupart des requêtes étaient faites à partir de l’URL de référence wp-admin, qui étaient générées en raison de la mise à jour du site par leurs administrateurs en préparation à l’exposition. Si vous constatez une forte utilisation d’admin-ajax, il est toujours important de l’étudier, car cela peut facilement faire tomber un site WordPress.

5. Gérer les problèmes de mise en cache de WooCommerce

DARTDrones a utilisé WooCommerce pour sa solution eCommerce. Ce qui est génial, car Kinsta se spécialise dans l’hébergement WooCommerce haute performance et nous le dépannons quotidiennement pour nos clients. Immédiatement, nous avons vu qu’il y avait beaucoup de requêtes non cachables faites à /?wc-ajax=get_refreshed_fragments. Ceci est commun pour WooCommerce car il l’utilise pour une partie de la fonctionnalité du panier d’achat.

Cependant, il existe des moyens d’améliorer cela, par exemple en supprimant la file d’attente du script. Vous pouvez même le faire sur une page spécifique, comme votre page la plus importante, la page d’accueil. Cela n’a bien sûr pas besoin d’être fait, mais peut améliorer la vitesse car ces requêtes ne peuvent pas être mises en cache. Vous pouvez voir cette issue sur GitHub. Une alternative JavaScript peut alors être configurée pour fonctionner avec le panier d’achat.  Exemple :

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

Puisque chaque site chez Kinsta a la mise en cache au niveau du serveur, nous avons également d’autres règles en place chez Kinsta pour assurer une fonctionnalité WooCommerce adéquate. Par défaut, nous excluons les pages WooCommerce connues comme /panier.* /mon-compte.* /commande.* et ainsi de suite. Les utilisateurs contournent également le cache lorsque le cookie woocommerce_items_in_cart est détecté.

Pour des besoins de mise en cache supplémentaires, les clients peuvent également purger par programmation des URLs individuelles à l’aide du filtre kinsta-cache/purge_list . Cependant, cela ne devrait être fait que par les utilisateurs avancés..

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 cela peut être fait via cURL en appelant une URL avec un préfixe fourni par les ingénieurs de support de Kinsta.

6. Utilisation judicieuse des ressources du serveur

Un problème que nous avons vu immédiatement après avoir discuté avec Kevin était leur page d’accueil de plus de 50 Mo. La page d’accueil est particulièrement importante dans de tels cas, car presque tout le trafic d’un spectacle comme Shark Tank va d’abord passer par la page d’accueil. Il est donc essentiel que vous prévoyiez de garder cette page en ligne.

DARTDrones utilise une vidéo MP4 en streaming qui correspond à un peu plus de 90% de la taille. Heureusement, ils utilisaient Cloudflare pour servir ça.

Pour aider à améliorer la vitesse pour l’émission, Kevin voulait en fait charger une page HTML statique pour la page d’accueil, pour annuler tout ralentissement WordPress commun. C’est en fait très intelligent. Nous avons aidé à mettre en place les redirections afin qu’elles redirigent vers /home.html pour servir la page statique, mais qu’elles apparaissent toujours comme dartdrones.com sur l’interface. Comme ils utilisaient déjà Cloudflare, nous avons recommandé d’utiliser les règles de pages pour mettre entièrement en cache la page d’accueil, ce qui permettrait de décharger une grande partie des pages vues afin que nos serveurs puissent se consacrer aux transactions eCommerce génératrices de revenus qui nécessitent un traitement puissant. La performance est assez critique pour les conversions, et quel est l’objectif d’une augmentation du trafic si ce n’est de générer des affaires ? Il est donc important d’utiliser judicieusement les ressources du serveur.

Un bon hébergeur devrait vous aider à trouver la combinaison qui vous convient le mieux. Nous recommandons toujours l’utilisation d’un CDN, même si cela signifie que vous économisez de l’argent en transférant la bande passante à quelqu’un d’autre. Nous voulons que vous réussissiez et que vous ayez le site WordPress le plus performant. Dans l’ensemble, nous avons pu réduire de plus de 50% le temps total de chargement des pages de DARTDrone sur l’ensemble de leur site !

Merci Kinsta pour toute votre flexibilité en aidant DARTdrones à se préparer pour le trafic ABC Shark Tank. Diminution de plus de 50 % du temps de chargement des pages sur l’ensemble du site. (src)

Kevin McAloon, Designer & Développeur Front-End
dartdrones.com

Et voici un petit aperçu de ce qui se passe quand vous êtes sur Shark Tank. Vous pouvez voir ci-dessous que le transfert de données et les visites uniques ont grimpé en flèche vers 20 heures, heure de l’Est (voir l’UE ci-dessous). Au cours des six heures qui ont suivi la diffusion, il y a eu un total de 1 263 233 requêtes avec 2 To de bande passante en mémoire cache utilisée et seulement 3 Go de bande passante non mise en cache. Cela montre l’importance d’un examen stratégique de votre site pour s’assurer que le plus grand nombre possible de demandes sont mises en cache.

Après l’effet Shark Tank

Comme nous l’avons mentionné, DARTDrones a réussi à obtenir un investissement de 300 000 $ avec Mark Cuban. Et depuis le tournage du spectacle, ils se sont développés à un rythme rapide ! Ils ont écrit un excellent résumé sur leur blog sur ce qui s’est passé après Shark Tank. En bref, ils ont :

• Plus que doublé leur nombre d’instructeurs de vol
• Offertrir des cours dans 48 villes, soit le double de ce qu’ils ont offert depuis le tournage de Shark Tank.
• 5 nouveaux cours
• Lancé un programme de consultation de Drone
• Une équipe plus importante et en pleine croissance dans tous les départements

Et en plus de leur croissance impressionnante, ils ont également vu une augmentation des ventes en ligne depuis leur diffusion.

Résumé

Ce ne sont là que quelques exemples de la façon dont nous avons aidé DARTDrones à faire évoluer son site WooCommerce pour garantir une disponibilité à 100% et une expérience sans faille pour ses clients pendant l’effet « Shark Tank ». Chaque site WordPress est différent et nous aimons toujours un nouveau défi ! L’hébergement est un investissement, et il est crucial que vous restiez en ligne pendant vos périodes de pointe de vente. Si vous avez besoin d’aide pour mettre à niveau votre site WordPress, contactez-nous dès aujourd’hui pour voir comment nous pouvons vous aider. Et si vous aimez les drones, nous vous recommandons vivement de consulter DARTDrones.