Un site e-commerce en prime time sur RAI1. Voici comment rester en ligne et ne pas tomber en panne pour trop de trafic. - ūüŹÜ Serveur g√©r√©

BLOG

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

Managed Server Srl est un acteur italien leader dans la fourniture de solutions syst√®me GNU/Linux avanc√©es orient√©es vers la haute performance. Avec un mod√®le d'abonnement peu co√Ľteux et pr√©visible, nous garantissons que nos clients ont acc√®s √† des technologies avanc√©es en mati√®re d'h√©bergement, de serveurs d√©di√©s et de services cloud. En plus de cela, nous proposons des conseils syst√®me sur les syst√®mes Linux et une maintenance sp√©cialis√©e en SGBD, s√©curit√© informatique, Cloud et bien plus encore. Nous nous distinguons par notre expertise dans l'h√©bergement de CMS Open Source de premier plan tels que WordPress, WooCommerce, Drupal, Prestashop, Joomla, OpenCart et Magento, soutenus par un service d'assistance et de conseil de haut niveau adapt√© aux administrations publiques, aux PME et √† toutes tailles.

Red Hat, Inc. d√©tient les droits de Red Hat¬ģ, RHEL¬ģ, RedHat Linux¬ģ et CentOS¬ģ ; AlmaLinux‚ĄĘ est une marque commerciale d'AlmaLinux OS Foundation ; Rocky Linux¬ģ est une marque d√©pos√©e de la Rocky Linux Foundation ; SUSE¬ģ est une marque d√©pos√©e de SUSE LLC ; Canonical Ltd. d√©tient les droits sur Ubuntu¬ģ ; Software in the Public Interest, Inc. d√©tient les droits sur Debian¬ģ ; Linus Torvalds d√©tient les droits sur Linux¬ģ ; FreeBSD¬ģ est une marque d√©pos√©e de The FreeBSD Foundation ; NetBSD¬ģ est une marque d√©pos√©e de la Fondation NetBSD ; OpenBSD¬ģ est une marque d√©pos√©e de Theo de Raadt. Oracle Corporation d√©tient les droits sur Oracle¬ģ, MySQL¬ģ et MyRocks¬ģ ; Percona¬ģ est une marque d√©pos√©e de Percona LLC ; MariaDB¬ģ est une marque d√©pos√©e de MariaDB Corporation Ab ; REDIS¬ģ est une marque d√©pos√©e de Redis Labs Ltd. F5 Networks, Inc. d√©tient les droits sur NGINX¬ģ et NGINX Plus¬ģ ; Varnish¬ģ est une marque d√©pos√©e de Varnish Software AB. Adobe Inc. d√©tient les droits sur Magento¬ģ ; PrestaShop¬ģ est une marque d√©pos√©e de PrestaShop SA ; OpenCart¬ģ est une marque d√©pos√©e d'OpenCart Limited. Automattic Inc. d√©tient les droits sur WordPress¬ģ, WooCommerce¬ģ et JetPack¬ģ ; Open Source Matters, Inc. d√©tient les droits sur Joomla¬ģ ; Dries Buytaert d√©tient les droits sur Drupal¬ģ. Amazon Web Services, Inc. d√©tient les droits sur AWS¬ģ ; Google LLC d√©tient les droits sur Google Cloud‚ĄĘ et Chrome‚ĄĘ ; Microsoft Corporation d√©tient les droits sur Microsoft¬ģ, Azure¬ģ et Internet Explorer¬ģ ; La Fondation Mozilla d√©tient les droits sur Firefox¬ģ. Apache¬ģ est une marque d√©pos√©e de The Apache Software Foundation ; PHP¬ģ est une marque d√©pos√©e du groupe PHP. CloudFlare¬ģ est une marque d√©pos√©e de Cloudflare, Inc. ; NETSCOUT¬ģ est une marque d√©pos√©e de NETSCOUT Systems Inc. ; ElasticSearch¬ģ, LogStash¬ģ et Kibana¬ģ sont des marques d√©pos√©es d'Elastic NV. Hetzner Online GmbH d√©tient les droits sur Hetzner¬ģ ; OVHcloud est une marque d√©pos√©e d'OVH Groupe SAS ; cPanel¬ģ, LLC d√©tient les droits sur cPanel¬ģ ; Plesk¬ģ est une marque d√©pos√©e de Plesk International GmbH ; Facebook, Inc. d√©tient les droits sur Facebook¬ģ. Ce site n'est affili√©, sponsoris√© ou autrement associ√© √† aucune des entit√©s mentionn√©es ci-dessus et ne repr√©sente en aucune mani√®re aucune de ces entit√©s. Tous les droits sur les marques et noms de produits mentionn√©s sont la propri√©t√© de leurs titulaires respectifs des droits d'auteur. Toutes les autres marques mentionn√©es appartiennent √† leurs titulaires. MANAGED SERVER¬ģ est une marque d√©pos√©e au niveau europ√©en par MANAGED SERVER SRL, Via Enzo Ferrari, 9, 62012 Civitanova Marche (MC), Italie.

Retour en haut de page