dj-byc.com (dj-byc.ar) a fait peau neuve

Vous avez peut-être remar­qué les évo­lu­tions récentes de dj-byc.com ou de son jumeau dj-byc.ar. Voici les prin­ci­pales évo­lu­tions, réal­isées. La meilleure est en fin d’article.

Un peu d’histoire

Mon pre­mier site a été créé chez Mygale, puis je suis passé à Chez.com, jusqu’au jour où Digi­web m’a pro­posé un héberge­ment égale­ment gra­tu­it, mais pro­fes­sion­nel. Ils m’ont par ailleurs offert un nom de domaine, byc.ch, je suis devenu à l’époque « Suisse virtuel ». Mal­heureuse­ment, Digi­web a fait fail­lite en 2001 et je suis passé chez Amen, son repre­neur, et mon pre­mier hébergeur payant…

À cette époque, le site me ser­vait notam­ment à com­mu­ni­quer autour des milon­gas que j’organisais (Recoules Prév­in­quières et Mil­lau). J’y pro­po­sais aus­si la liste des morceaux que j’avais passés. Ain­si, les danseurs pou­vaient retrou­ver les titres qui leur plai­saient. Partager autour du tan­go a donc tou­jours été une ligne direc­trice de ce site.

L’hébergeur suiv­ant a été Archicool. C’est égale­ment chez Archicool que j’ai hébergé le site du fes­ti­val Tan­go y Lati­no (Saint-Geniez‑d’Olt, France). D’ailleurs, les pre­mières années, le site du fes­ti­val était un sous-réper­toire de mon domaine byc.ch.

Ce site est pro­gres­sive­ment devenu français quand les noms de domaines en. fr se sont ouverts aux par­ti­c­uliers (2006). À cette occa­sion, j’ai égale­ment acheté le nom de domaine tangolatino.fr pour le fes­ti­val de Saint-Geniez.

La fin abrupte d’Archicool m’a fait errer d’hébergeur en hébergeur Gan­di, OVH, LWS… Ces héberge­ments mutu­al­isés font qu’ils sont faciles à atta­quer et les pirates ne s’en sont pas gênés, au point que j’ai per­du deux fois le site com­plet suite aux dévas­ta­tions de ces indi­vidus, à la même époque que j’ai per­du mon Face­book, lui-même attaqué. On se demande qui veut la peau d’un site dédié au tan­go…

Aujourd’hui, le site est hébergé sur un VPS (Vir­tu­al Pri­vate Serv­er), c’est-à-dire qu’il béné­fi­cie d’un ordi­na­teur bien à lui, et pas partagé par d’autres sites. Cela per­met une meilleure sécu­rité, car les élé­ments matériels sont mieux séparés.

Main­tenant que j’ai rap­pelé l’historique et l’escalade vers la puis­sance et je dirai même surtout, la dépense, voici les nou­veautés du site pro­pre­ment dites.

Un nouveau thème visuel

Le site arbore désor­mais un thème entière­ment recon­fig­uré. Cette refonte offre une meilleure cohérence visuelle sur toutes les pages, cer­taines dataient du début des années 2000.

La charte graphique tan­go — noir pro­fond, or, bor­deaux — donne un aspect que j’aime bien. J’espère qu’il en est de même pour vous. J’ai hésité à pro­pos­er une ver­sion claire, on ver­ra en fonc­tion de vos réac­tions.

Une mise en page repensée

La page d’accueil a été allégée pour accélér­er son charge­ment et mod­ernisée. Elle a une présen­ta­tion un peu dif­férente sur ordi­na­teur et sur télé­phone afin de faciliter la nav­i­ga­tion dans les deux envi­ron­nements.

Un ban­deau en haut de toutes les pages per­met d’effectuer une recherche et de déploy­er le menu pour accéder à toutes les par­ties du site. À l’extrême droite, on retrou­ve le globe qui per­met de sélec­tion­ner la langue d’affichage. Le site ne s’adapte plus automa­tique­ment à la langue du nav­i­ga­teur, car cela pénal­i­sait la vitesse d’affichage. Je recon­sid­ér­erai cette option en fonc­tion de vos retours.

En pied de page, des options de nav­i­ga­tion sont égale­ment présentes.

Un site bien plus rapide

Plusieurs change­ments tech­niques ont été apportés pour amélior­er les per­for­mances :

Serveur VPS :

Avec un processeur XEON E5v4 et 16 Go RAM, un réseau 250 Mb/s et une bande pas­sante illim­itée, le site dis­pose de meilleures per­for­mances.

Nou­veau CDN : Cloud­flare

Le site est désor­mais dis­tribué via Cloud­flare, l’un des réseaux de dif­fu­sion de con­tenu les plus fiables au monde. Cela se traduit par des temps de charge­ment plus courts, quelle que soit la local­i­sa­tion du vis­i­teur, et par une pro­tec­tion ren­for­cée con­tre les attaques, notam­ment DDoS.

Optimisation automatique des images

Toutes les images du site sont main­tenant con­ver­ties au for­mat WebP, un for­mat mod­erne qui réduit leur poids sans perte vis­i­ble de qual­ité. Le charge­ment dif­féré (lazy load­ing) a égale­ment été activé : les images ne se char­gent que lorsqu’elles entrent dans le champ de vision, ce qui accélère l’affichage ini­tial des pages.

Cache Word­Press opti­misé

Un nou­veau sys­tème de mise en cache a été mis en place. Les pages vis­itées fréquem­ment sont servies directe­ment depuis le cache, réduisant la charge du serveur et amélio­rant la réac­tiv­ité du site.

Un nouveau formulaire de contact

For­mu­laire de con­tact avec con­fir­ma­tion d’envoi vis­i­ble et pro­tec­tion anti­spam. L’ancien noy­ait vos mes­sages dans de nom­breux spams ; ce qui me fai­sait per­dre des mes­sages.

Nouvelle fonctionnalité : arrêt automatique de la musique

C’est l’amélioration la plus pra­tique pour utilis­er les Anec­do­tas de Tan­go.

En effet, elles con­ti­en­nent plusieurs morceaux de musique et, aupar­a­vant, il fal­lait manuelle­ment arrêter un morceau avant d’en lancer un autre, sous peine d’entendre plusieurs tan­gos simul­tané­ment.

Désor­mais, le lance­ment d’un nou­v­el extrait arrête automa­tique­ment tous les autres. Cette fonc­tion­nal­ité s’applique à l’ensemble du site, sur toutes les pages et tous les appareils.