Des corrections de cinq minutes qui te font passer pour un pro

Certaines choses prennent cinq minutes mais font une différence disproportionnée. Ce sont celles que je fais systématiquement — les améliorations peu d'effort, fort impact qui séparent « on dirait un projet de week-end » de « on dirait que quelqu'un sait ce qu'il fait ».

Ajoute un vrai favicon

Rien ne crie plus « pas fini » que l'icône par défaut du navigateur dans un onglet. Ton site peut avoir un design magnifique, mais ce favicon manquant lui donne un air de brouillon.

Prends ton logo (ou même juste une seule lettre), passe-le dans un générateur de favicon, et ajoute les fichiers. Deux minutes, et ton site a instantanément l'air plus légitime.

Optimise tes SVG

Si tu utilises des icônes ou des illustrations SVG, il y a de bonnes chances qu'elles soient gonflées avec des métadonnées d'éditeur, des éléments inutiles et des attributs redondants.

Un SVG typique exporté depuis un outil de design peut faire 15KB. Après optimisation, il fait 3KB. Même résultat visuel, 80% de données en moins.

Passe tes SVG dans un optimiseur et remplace les originaux. Ta page charge plus vite et personne ne voit la différence.

Minifie ton CSS et JavaScript

En développement, ton code a des commentaires, des espaces et des noms de variables descriptifs. Super pour la lisibilité.

Pour la production ? Enlève tout ça. La minification supprime tout ce dont le navigateur n'a pas besoin, réduisant la taille des fichiers de 30-60%.

La plupart des outils de build le font automatiquement. Mais si tu travailles avec des fichiers bruts ou un site simple sans étape de build, un rapide minifieur de code s'en charge.

Corrige ton image OpenGraph

Partage l'URL de ton site sur Slack, Twitter ou iMessage. Qu'est-ce qui s'affiche ?

Si c'est un aperçu vide ou une capture d'écran aléatoire, il te manque une image OpenGraph. C'est l'image qui apparaît quand quelqu'un partage ton lien.

Crée une simple image de 1200x630 avec le nom de ton site et une brève description. Définis-la dans le head de ton HTML. Ça prend cinq minutes et rend chaque lien partagé intentionnel au lieu de cassé.

Mets en place de vraies pages d'erreur

Clique sur un lien cassé sur ton site. Que se passe-t-il ?

Si c'est la page d'erreur par défaut du serveur ou un écran blanc, corrige ça. Une page 404 personnalisée avec un lien vers ta page d'accueil se construit en dix minutes et sauve les visiteurs qui atterrissent sur des liens morts.

Fais simple : « Cette page n'existe pas. Voici des endroits qui existent. »

Compresse tes images (encore)

Oui, je sais que tu l'as déjà fait. Mais est-ce que tu as compressé les images que tu as ajoutées la semaine dernière ? Et le logo du client envoyé en PNG de 4MB ?

La compression d'images n'est pas une tâche ponctuelle. Chaque nouvelle image doit recevoir le même traitement. Si tu te retrouves à le zapper, intègre-le dans ton workflow — compresse avant d'uploader, à chaque fois.

Ajoute un état de chargement

Si ta page récupère des données ou charge du contenu lourd, affiche quelque chose pendant l'attente. Un spinner. Un skeleton screen. Même juste « Chargement... » en texte brut.

Une page blanche pendant 2 secondes semble cassée. Une page avec un spinner pendant 2 secondes semble normale. Même temps d'attente, expérience complètement différente.

Vérifie ta vue mobile

Ouvre ton site sur ton téléphone. Regarde-le vraiment. Appuie sur les boutons. Remplis un formulaire.

J'ai vu des sites magnifiquement responsives où le bouton « Envoyer » était partiellement caché derrière le clavier sur mobile. Personne ne l'avait remarqué parce que personne n'avait testé sur un vrai téléphone.

---

Les finitions, ce n'est pas une question de perfection. C'est éliminer les choses qui font penser aux gens « y'a un truc qui cloche ». Un favicon, des assets optimisés, des pages d'erreur propres et une expérience mobile correcte. Rien de tout ça ne prend plus de cinq minutes, et ensemble, tout semble intentionnel.