On croit souvent qu’une refonte de site se joue sur la palette de couleurs et le choix des photos. Faux. J’ai suivi de près la réfection du site d’une PME paloise l’an dernier, et le vrai chantier se trouvait ailleurs : dans le poids des pages, le temps de chargement sur un forfait mobile capricieux, et la façon dont les scripts s’empilent sans qu’on les regarde.
La méthode complète est d’ailleurs détaillée dans cet article de daonet.eu, qui raconte comment une entreprise de Pau a repensé sa vitrine de fond en comble. Ce qui m’intéresse ici, c’est le versant matériel et logiciel de l’affaire : la partie que les agences oublient de raconter aux clients.
Le téléphone comme premier terrain d’essai
Un site de PME se consulte aujourd’hui à 70 % sur un écran de six pouces, souvent en 4G, parfois dans un train. Sur le papier, tout va bien. Dans le métro, la page met huit secondes à s’afficher et le visiteur est déjà parti.
Avant de toucher au design, on sort un vieux smartphone du tiroir et on mesure. Le poids des images, le nombre de requêtes, la taille du JavaScript : un audit rapide fait tomber les illusions. Une photo d’équipe en 4000 pixels de large pèse plus lourd que tout le code du site réuni.
Recompression, formats modernes, chargement différé. Rien de sorcier.
Ce que le matériel impose au logiciel
Un serveur d’entrée de gamme qui tousse à chaque pic de trafic, ça se voit tout de suite côté navigateur. J’ai vu une boutique en ligne dont la base de données tournait sur un disque mécanique fatigué ; chaque ajout au panier prenait deux secondes. Le problème n’était pas le code, c’était le disque à 40 euros.
Les hébergeurs mutualisés à trois euros par mois tiennent la route pour un site vitrine tranquille. Dès qu’on ajoute un module de réservation, un espace client ou un blog un peu vivant, il faut regarder plus haut. Cache serveur, CDN, sauvegardes automatiques : ces briques coûtent quelques dizaines d’euros par mois et évitent des nuits blanches.
Je suis assez tranché là-dessus : mieux vaut un site sobre sur un hébergement correct qu’une usine à gaz posée sur un serveur au rabais. On gagne en fiabilité ce qu’on perd en effets visuels.
Les outils qui font gagner des semaines
Une refonte sans méthode, c’est un chantier qui dérape. Les outils modernes changent la donne, à condition de ne pas en changer tous les six mois.
- Un dépôt Git pour versionner le code, même pour un petit site ; revenir en arrière un dimanche soir sauve des week-ends entiers.
- Un environnement de préproduction, accessible par mot de passe, où le client clique avant la mise en ligne.
- Des tests de performance automatisés, lancés à chaque modification.
- Un système de gestion de contenu que le client comprend seul, sans manuel de quarante pages.
Le dernier point compte plus qu’on ne croit. Sur la PME paloise, la responsable communication a passé une demi-journée en formation et publie depuis ses actualités sans appeler personne. C’est ça, la réussite d’une refonte : quand le téléphone de l’agence ne sonne plus.
Son, vidéo, crypto : les greffes qui alourdissent
Le son et la vidéo sont les deux premiers postes de poids sur un site moderne. Une vidéo en lecture automatique pèse des dizaines de mégaoctets et vide la batterie du visiteur. On la remplace par une image cliquable qui lance le lecteur au bon moment. Même logique pour un module audio : pas de lecture avant l’action de l’utilisateur.
Quant aux greffes plus exotiques, elles demandent un examen serré. Paiement en cryptomonnaie, widget de chat, carte interactive, script d’analytics : chaque brique ajoute du code et des dépendances qu’un tiers peut casser du jour au lendemain. On garde ce qui sert vraiment, on jette le reste.
Un détail que j’ai appris à la dure : un simple script de chat ajouté « pour faire moderne » peut doubler le temps d’affichage. Le client ne l’aurait jamais deviné.
Ce qu’on garde de la leçon paloise
La refonte décrite par daonet.eu n’a rien d’un cas exceptionnel, et c’est justement ce qui la rend intéressante. Une PME, un budget raisonnable, des problèmes de lenteur sur mobile et un besoin de reprendre la main sur ses contenus. La recette tient en trois temps : mesurer avant de dessiner, alléger le matériel et le code, former la personne qui publiera ensuite.
Le reste, c’est de la cosmétique. Et la cosmétique vieillit vite.
Articles similaires
- Noracora : quel avis se faire sur ce site de vente en ligne ?
- Lycamobile : comment se fait l’activation de la carte SIM ?
- Suivre son colis avec ParcelsApp : comment ça marche ?
- Fête des PX : le guide complet de l’étude ponctuelle dans Pokémon GO
- IBAN banque : tout savoir sur le numéro d’identification bancaire