Vaperina : Tuning d'anniversaire, refonte UI et optimisation vitesse ! 🚀

Salut tout le monde :waving_hand:

Ces derniers jours, nous avons considérablement amélioré Vaperina pour son anniversaire, et je vais maintenant tout vous résumer, car il y avait pas mal de choses à faire… :vaperina:

Interface (UI)

En-tĂŞte

La partie gauche est restée inchangée, mais le reste a été considérablement modifié :

  • La recherche au centre : Sur ordinateur, les utilisateurs en ligne ont Ă©tĂ© dĂ©placĂ©s du centre pour laisser place Ă  une barre de recherche fixe, afin que vous puissiez trouver rapidement les sujets Ă  tout moment. Lors du dĂ©filement dans un sujet, ou sur un Ă©cran plus petit, la recherche apparaĂ®t toujours au niveau des icĂ´nes de droite.
  • Mini Lecteur YouTube : Lorsque vous lancez une vidĂ©o, le lecteur s’intègre dĂ©sormais discrètement dans l’en-tĂŞte, Ă  cĂ´tĂ© du bouton Gilbert (AI). Ainsi, vous pouvez suivre le contenu tout en naviguant.
  • Utilisateurs en ligne : Ils ont Ă©tĂ© dĂ©placĂ©s dans la barre latĂ©rale droite, juste en dessous de votre carte de profil.
  • Anniversaires : Nous avons supprimĂ© la liste des utilisateurs fĂŞtant leur anniversaire de la barre latĂ©rale droite, de sorte que seuls les anniversaires restent sous les utilisateurs en ligne – cela permet de raccourcir la barre latĂ©rale.
  • Quiz ! : Le bouton est restĂ© Ă  droite, mais il a reçu un nouveau design plus Ă©purĂ©.
  • SĂ©lecteur de langue : Nous l’avons retirĂ© de l’en-tĂŞte et dĂ©placĂ© dans le coin infĂ©rieur gauche de la barre latĂ©rale gauche (Ă  cĂ´tĂ© du commutateur de mode sombre).
  • Appel Vaperina : Sur mobile, l’icĂ´ne du tĂ©lĂ©phone a Ă©tĂ© dĂ©placĂ©e dans la barre de navigation, Ă  cĂ´tĂ© des autres points de contact.

Catégories et étiquettes

Nous avons également sérieusement remanié le système de catégories pour le rendre plus clair et accélérer le chargement de la page :

  • Structure plus plate : Nous avons supprimĂ© la profondeur Ă  plusieurs niveaux (sous-catĂ©gorie de sous-catĂ©gorie). C’était le cas par exemple dans la catĂ©gorie #off-topic:marketplace. DĂ©sormais, vous ne rencontrerez que deux niveaux maximum, vous Ă©vitant ainsi de vous perdre dans un labyrinthe pour trouver des sujets.
  • Moins de catĂ©gories, plus de dynamisme : Les catĂ©gories Ă  faible trafic ont Ă©tĂ© fusionnĂ©es. Par exemple, sous HORS-SUJET, il ne reste que les plus importantes au lieu des 16 sous-catĂ©gories prĂ©cĂ©dentes.
  • Étiquettes : Au lieu de catĂ©gories distinctes (comme Gastronomie, Films, Gamer, Humour), vous trouverez dĂ©sormais ces thèmes dans la catĂ©gorie #hors-sujet:general, indiquĂ©s par des Ă©tiquettes colorĂ©es. Nous avons créé une nouvelle catĂ©gorie #hors-sujet:style-de-vie pour remplacer des sous-catĂ©gories comme les anciennes (SantĂ©, Nos amis les animaux, Travail). Nous avons Ă©galement rĂ©solu cela avec des Ă©tiquettes.
  • Place de marchĂ© : Nous avons simplifiĂ© cela ici aussi : au lieu de nombreuses sous-catĂ©gories, vous pouvez indiquer vos annonces avec des Ă©tiquettes obligatoires (par exemple #electronique #mode-vetements etc.), ce qui les rend beaucoup plus faciles Ă  rechercher ou Ă  filtrer.

Avec ces modifications, nous avons considérablement accéléré les choses sous le capot : le temps de réponse du serveur a également diminué, ce qui rendra le chargement de la page une expérience beaucoup plus fluide pour tout le monde. :rocket:


Optimisation de la base de données et de la vitesse

Nous n’avons pas seulement peaufiné la surface, mais aussi le “moteur”. L’objectif était de transformer Vaperina d’un “camion lent” en une voiture de course pour son anniversaire :sweat_smile: :

  • Augmentation drastique de la vitesse : Selon nos mesures, le temps de rĂ©ponse de la page principale est passĂ© de 900–1400 ms Ă  environ 350–400 ms. Cela reprĂ©sente une accĂ©lĂ©ration moyenne de plus de 65 %, et par rapport aux chargements les plus lents, la diffĂ©rence peut mĂŞme atteindre jusqu’à 75 % !
  • MĂ©moire rĂ©ajustĂ©e : Nous avons optimisĂ© la gestion de la base de donnĂ©es (PostgreSQL), de sorte que la plupart des donnĂ©es sont dĂ©sormais chargĂ©es directement depuis la RAM ultra-rapide, plutĂ´t que depuis le disque plus lent.
  • Processus d’arrière-plan plus efficaces : Nous avons peaufinĂ© le moteur Ruby, qui constitue l’âme du site. Cela signifie moins d’attente et un dĂ©filement plus fluide, surtout lorsque nous sommes nombreux en ligne simultanĂ©ment.
  • Nettoyage de la base de donnĂ©es : En optimisant les index et en Ă©liminant les requĂŞtes inutiles (par exemple, les sous-catĂ©gories de niveau 3), nous avons fait en sorte qu’il soit dix fois moins d’efforts pour le serveur de traiter chaque requĂŞte.
  • Chargement des profils : Le chargement de la page rĂ©capitulative des utilisateurs Ă©tait l’un des points les plus critiques : auparavant, il pouvait y avoir des attentes de plus de 5 secondes avant qu’un profil n’apparaisse. Après le nettoyage et le rĂ©glage, cela reste dĂ©sormais stable en dessous de 200 ms, de sorte que ces pages apparaissent presque instantanĂ©ment, sans attente.
  • Gestion des donnĂ©es plus efficace : Nous avons Ă©galement Ă©liminĂ© les erreurs techniques qui obligeaient le système Ă  parcourir des millions de lignes de donnĂ©es en arrière-plan Ă  chaque clic. Avec la nouvelle structure et le rĂ©ajustement de la base de donnĂ©es, cette charge Ă©norme a disparu. Le serveur n’a plus qu’une fraction Ă  traiter, et cela, directement depuis la RAM ultra-rapide.

Qu’est-ce que cela signifie en pratique ? Cela signifie que notre système est maintenant plus de 2 fois plus rapide dans la plupart des cas, et jusqu’à 25 fois plus rapide dans les points qui posaient auparavant problème (comme les profils), qu’auparavant. Un fonctionnement plus stable, moins de saccades et un chargement ultra-rapide. :high_voltage:


Nous espérons que vous remarquerez la différence ! :heart:
Si vous constatez des anomalies dans la nouvelle structure, ou si vous avez des idées, n’hésitez pas à nous les faire savoir – ensemble, nous rendons Vaperina encore meilleure !

Merci d’être avec nous ! :tada:

13 « J'aime »

Je te remercie, mais ça fait 3 minutes que ça charge… :roll_eyes::thinking:

.

.

.

:joy:C’était une blague, merci :ok_hand: c’était peut-être nécessaire

5 « J'aime »

Bientôt, la situation sera encore meilleure…:rocket::rocket::rocket:

5 « J'aime »

Encore une mise à jour pour aujourd’hui, car il était temps…
Nous avons remplacé notre police par défaut de l’ancien Arial à l’Inter plus moderne. :hugs: