11 novembre 2022

Un site e-commerce en prime time sur RAI1. Voici comment rester en ligne et ne pas tomber en panne pour trop de trafic.

Un de nos clients est passé avec un spot TV sur RAI1 en prime time. Voici les précautions que nous avons prises avec seulement deux heures d'avance.

Il y a quelques semaines, nous avons parlĂ© de la façon dont en octobre le site Birredamanicomio.com s'est dĂ©connectĂ© lors d'un passage promotionnel dans une publicitĂ© tĂ©lĂ©visĂ©e sur X Factor. Nous avons fait une analyse assez claire et objective des lacunes et des carences qui ont conduit Ă  la panne de ce site hĂ©bergĂ© non pas par nous mais par un autre hĂ©bergeur, expliquant comment l'absence de cache statique avait Ă©tĂ© cruciale pour le crash que nous voulions Ă©galement documenter avec un enregistrement vidĂ©o du smartphone toujours Ă  cet article intitulĂ© justement Comment ne pas passer Ă  la tĂ©lĂ© avec votre site WooCommerce s'il n'est pas correctement configurĂ© cĂŽtĂ© Serveur et HĂ©bergement.

MĂȘme pas pour le faire exprĂšs, en moins d'un mois, nous avons l'occasion de montrer avec des faits toute la thĂ©orie dont nous nous sommes dispensĂ©s avec de belles paroles dans l'article prĂ©cĂ©dent qui dĂ©notait le temps d'arrĂȘt et le crash du serveur d'un de nos concurrents et concurrents.

Le cas précis : X-Bio sur RAI1 et l'héritage avec Flavio Insinna.

X-Bio est la marque d'un de nos clients (Buoninfante Medical Group) qui produit des matelas de haute qualitĂ© et de qualitĂ© qui a lancĂ© un lancement national rĂ©servĂ© aux X-BIO Circulif, nouveau modĂšle de la ligne X-BIO par Buoninfante - marque du fabricant de matelas nĂ©e en 1975. Du lundi 7 au vendredi 11 novembre X-BIO Circulife sera Ă  TelePromento sur RAI 1 pendant L'hĂ©ritage, programme dirigĂ© par Flavio Insinna de 18.45h20.00 Ă  XNUMXhXNUMX.

Innovant Ă  tous Ă©gards, avec un design unique et capable de protĂ©ger la santĂ© et l'environnement, X-BIO Circulife est le premier matelas de la gamme produit Ă  partir de bouteilles en plastique recyclĂ©es. Un nouveau produit tournĂ© vers un monde plus durable, vers le bien-ĂȘtre de la personne et vers l'avenir de la planĂšte et des gĂ©nĂ©rations futures.

À cet Ă©gard, donc, avec une publicitĂ© faisant explicitement rĂ©fĂ©rence au site Web, X-bio.it, il n'y avait pas d'autre possibilitĂ© que d'optimiser les serveurs et les piles logicielles afin de rĂ©sister au pic de trafic d'un programme sur la premiĂšre chaĂźne nationale et vu par des millions de personnes.

Préoccupations et préparatifs cÎté serveur et Hébergement moins de deux heures aprÚs le lancement.

Il faut dire pour ĂȘtre juste que nous n'avons pas eu beaucoup de temps pour tout prĂ©parer, en effet c'Ă©tait plutĂŽt improvisĂ© puisque nous n'avons pas Ă©tĂ© prĂ©venus longtemps Ă  l'avance mais seulement deux heures avant la diffusion du 7 novembre.

Lorsque nous avons parlé avec le développeur qui s'inquiétait de la rapidité du site et de la diffusion prochaine dans moins de deux heures, notre premier commentaire était quelque chose comme ceci :

Vous serez inévitablement déconnecté. Sans si ni mais. Pour ces événements, nous nous préparons au moins une semaine à l'avance.

Cependant, la chose laissée ainsi sonnait mal. TrÚs mauvais, plus pour nous que pour eux. Nous ne pouvions pas laisser le site se déconnecter au milieu de cet événement, et ce n'était pas cool non plus, aprÚs avoir documenté un article le mois précédent intitulé Comment ne pas passer à la télé avec votre site WooCommerce s'il n'est pas correctement configuré cÎté Serveur et Hébergement.

C'est normal que dans ce cas, le site soit un e-commerce construit dans Prestashop et non WooCommerce, mais cela n'a pas beaucoup changé.

Nous avions deux heures Ă  notre disposition. Peu, trĂšs peu, mais pas trĂšs peu.

Quoi que nous fassions, ce serait fait avec certitude et trĂšs, trĂšs vite.

Évidemment, les donnĂ©es d'Auditel devaient ĂȘtre prises en compte, Ă©tant donnĂ© que le Legacy a rĂ©coltĂ© l'une des parts les plus Ă©levĂ©es de tout le lundi avec 4.39 millions de spectateurs et une part de 25.4 %.

Qu'aurions-nous pu faire, Ă©tant donnĂ© que l'hĂ©bergement Prestashop et le site fonctionnaient dĂ©jĂ  sur un serveur dĂ©diĂ© AMD Ryzen 3600 avec 6 cƓurs / 12 threads - 64 Go de RAM et deux disques nVME en RAID1 et une liaison montante de 1 Gbit/s ?

Nous n'aurions certainement pas eu le temps de commander une machine avec plusieurs cƓurs et threads, nous n'aurions pas eu plus de temps pour commander une liaison montante 10Gbit/s et une carte rĂ©seau 10Gbit, aussi parce que la machine devait ĂȘtre commandĂ©e, installĂ©e , configurĂ©, migrĂ©, 4 heures au mieux, pas deux.

Par conséquent, nous nous sommes "limités" à changer rapidement de serveur de noms de Godaddy à CloudFlare cela nous aurait permis d'absorber le pic de trafic des images multimédia, jpeg, png, css et js, ainsi que configurer le serveur avec une configuration avancée incluant un Full Page Cache cÎté serveur comme Varnish.

Parce que bien qu'il soit communément admis que CloudFlare met en cache html, il est bon de se rappeler que CloudFlare ne met pas en cache HTML par défaut, à moins que vous ne passiez à des forfaits payants coûteux et que vous fassiez une configuration de points limitée et délicate par rapport à ce que vous pouvez faire élégamment en quelques minutes et gratuitement avec Varnish

Le site a trĂšs bien tenu sans down et sans ralentissements avec un Ă©tonnement extrĂȘme, surtout le nĂŽtre. Malheureusement, vu l'urgence et les dĂ©lais trĂšs serrĂ©s, nous n'avons pas eu la possibilitĂ© de documenter l'Ă©vĂ©nement comme nous l'aurions souhaitĂ©, cependant, nous nous sommes promis que nous serions refaits avec un meilleur reportage et documentation dans la diffusion tĂ©lĂ©visĂ©e du lendemain.

Préparez-vous mieux pour la durée du téléachat de toute la semaine du 7 au 11 novembre.

Conscients que le lancement durerait encore 4 jours, nous avons souhaité améliorer encore l'infrastructure en utilisant, tout d'abord, un matériel beaucoup plus puissant. En fait, nous sommes passés de 6core / 12 threads à 16core / 32 threads, triplant effectivement le nombre de threads disponibles, certes utiles et potentiellement décisifs pour le spawn des processus PHP-FPM et pour les threads Percona Server (un fork de MySQL).

nginx-phpfpm-magento

Dans tout cela nous avons évidemment revu le réglage du serveur web, le SGBD, PHP-FPM, afin de trouver le meilleur compromis entre vitesse et multithreading, en évitant les charges excessives et les blocages éventuels au niveau de la BD.

Le tout a été fait avec une approche commerciale qui est aussi assez intéressante, à savoir celle de louer gratuitement la voiture pour l'heure prévue. On ne peut pas entrer dans les détails sur le sujet, mais il suffit de savoir que pour de telles situations, par exemple, on peut louer une voiture pour 500 euros/mois tout à fait gratuitement sans facturer un seul centime au client final, si ce n'est le coût d'installation/de migration et conseil en systÚmes.

Non seulement Stack Server, mais également les implémentations d'applications sur Prestashop.

Bien que la partie serveur ait Ă©tĂ© extrĂȘmement facile Ă  mettre en Ɠuvre, la partie application logicielle aurait plutĂŽt eu une modification nĂ©cessaire du cĂŽtĂ© de l'application par le dĂ©veloppeur. Car s'il est vrai que donnĂ©es en main, Prestashop s'avĂšre ĂȘtre un meilleur CMS orientĂ© ecommerce Ă  bien des Ă©gards, notamment en termes de performances, par rapport Ă  WooCommerce, il est Ă©galement vrai que Prestashop ne se prĂȘte pas bien Ă  travailler avec du scaling et du cache comme Vernis.

Vous pouvez utiliser Varnish par défaut, mais vous risquez alors que l'utilisateur ne puisse pas se connecter ou effectuer un achat, ce qui n'a aucun sens d'un point de vue purement commercial.

Nous avons donc dĂ» insĂ©rer une routine lors de la phase de connexion qui crĂ©erait un cookie pour identifier un utilisateur connectĂ© et lui permettre de naviguer dans son espace client, avec ses donnĂ©es et sans risquer d'ĂȘtre dĂ©connectĂ©.

S'il est relativement facile de faire fonctionner Prestashop avec Varnish, il n'est pas aussi facile de le faire BIEN fonctionner.

Comment s'est passĂ© le nouveau serveur ? Jugez par vous-mĂȘme.

Nous pourrions donner des chiffres, parler des charges, de la vitesse des requĂȘtes, du taux d'accĂšs au cache et de bien d'autres choses. Cependant, ce qui est le plus important pour le visiteur final, c'est de trouver un site disponible, rapide et accrocheur lorsque Flavio Insinna nomme le nom du site et non une erreur 500 due Ă  un Ă©puisement des ressources, une Bad Gateway, ou un site qui charge la premiĂšre page en 16 (seize) secondes, comme nous avons eu l'occasion de mesurer et de documenter sur le cas prĂ©citĂ© « Comment ne pas passer Ă  la tĂ©lĂ© ».

502 Passerelle incorrecte nginx

Par consĂ©quent, en plus de dire que le serveur a trĂšs bien rĂ©sistĂ©, travaillant toujours abondamment dans la zone de confort (pour nous, la zone de confort est de 50% du nombre de threads), c'est-Ă -dire par rapport Ă  32 threads, oĂč une charge moyenne de 32 correspond Ă  100%, on considĂšre la zone confortable Ă  moins de 16 de la charge Moyenne.

Nous avons utilisé Camtasia Studio pour enregistrer l'intégralité de l'événement en "live", regarder la diffusion en direct sur Ray Play puis simultanément aller voir ce qui se passait sur le terminal au niveau du chargement, et sur le navigateur Microsoft Edge pour simuler la navigation d'un l'utilisateur normal vient de terminer la publicité.

Vous pouvez voir la vidĂ©o et l'analyse vidĂ©o avec les Ă©crans de serveur, les tests de charge, de pool et de vitesse du site et du TTFB directement dans cette vidĂ©o, crĂ©Ă©e afin de documenter comment vous pouvez Ă©galement passer Ă  la tĂ©lĂ©vision sans plantage ni temps d'arrĂȘt ni avoir Ă  dĂ©penser des quantitĂ©s insensĂ©es sur des technologies douteuses telles que le Cloud, le cluster ou similaire. Toujours en rappelant que chaque cas est toujours un cas en soi, et pas forcĂ©ment cette solution pour ce cas, convient Ă  tous les besoins des sites Ă  fort trafic.

Vous avez des doutes ? Vous ne savez pas par oĂč commencer ? Contactez-nous


Nous avons toutes les réponses à vos questions pour vous aider à faire le bon choix.

Discute avec nous

Discutez directement avec notre support avant-vente.

0256569681

Contactez-nous par téléphone pendant les heures de bureau 9h30 - 19h30

Contactez-nous en ligne

Ouvrez une demande directement dans l'espace contact.

INFORMATIONS

ManagedServer.it est le premier fournisseur italien de solutions d'hébergement hautes performances. Notre modÚle d'abonnement est abordable et prévisible, afin que les clients puissent accéder à nos technologies d'hébergement fiables, à nos serveurs dédiés et au cloud. ManagedServer.it offre également d'excellents services d'assistance et de conseil sur l'hébergement des principaux CMS Open Source tels que WordPress, WooCommerce, Drupal, Prestashop, Magento.

Retour en haut de page