Score Lighthouse de 98 pour un site bilingue conforme — comment on fait ça
Score Lighthouse de 98 pour un site bilingue conforme — comment on fait ça
Ouvrez Chrome. Allez sur votre site web. Appuyez sur F12, cliquez sur l'onglet Lighthouse, puis sur Analyze page load. Attendez 30 secondes.
Vous venez de lancer l'outil que Google utilise pour évaluer votre site sur quatre critères : Performance, Accessibilité, Bonnes pratiques et SEO. Chaque critère reçoit une note sur 100. Un score vert (90+) signifie que votre site respecte les standards de Google. Un score rouge, que vos visiteurs — et Google — vivent une mauvaise expérience.
La plupart des sites de firmes professionnelles au Québec obtiennent entre 40 et 70. Les nôtres obtiennent 95 à 100 dans les quatre catégories. Voici ce que ça change, et comment on y arrive.
Ce que mesurent les scores Lighthouse
Performance (0-100) : la vitesse de chargement. Est-ce que votre page s'affiche en moins de 2 secondes, ou est-ce que vos visiteurs fixent un écran blanc ?
Accessibilité (0-100) : est-ce que tous vos visiteurs peuvent utiliser votre site ? Personnes avec un handicap visuel, moteur, cognitif. Contrastes de couleurs, textes alternatifs sur les images, navigation au clavier.
Bonnes pratiques (0-100) : sécurité HTTPS, absence de vulnérabilités JavaScript, politique de permissions correcte.
SEO (0-100) : est-ce que Google peut lire, comprendre et indexer votre site ? Titres, méta-descriptions, images nommées, structure sémantique.
Ces scores ne sont pas un concours de vanité. Google utilise les Core Web Vitals — un sous-ensemble des métriques de Performance — comme facteur de classement direct. Un site lent est un site que Google enterre dans les résultats.
Pourquoi les sites bilingues conformes sont rarement rapides
Bâtir un site rapide, c'est simple. Bâtir un site bilingue, accessible et conforme aux lois québécoises qui reste rapide — c'est le vrai défi.
Le bilinguisme double le contenu. Chaque page existe en français et en anglais. Chaque balise hreflang doit pointer vers la bonne version linguistique. Chaque méta-description doit être rédigée dans les deux langues. Ça double le poids des données si c'est mal implémenté.
L'accessibilité ajoute de la complexité. Pour être conforme WCAG 2.1 AA, il faut une hiérarchie de titres correcte, des textes alternatifs sur chaque image, un contraste de couleurs suffisant, une navigation complète au clavier. Chaque raccourci technique qu'on pourrait prendre pour la vitesse devient interdit.
La conformité légale ajoute des scripts. La Loi 25 exige un mécanisme de consentement aux témoins de connexion (cookies). La plupart des solutions du marché — cookiebot, OneTrust — injectent 200 à 400 Ko de JavaScript. Un bandeau de consentement qui ralentit votre site de 2 secondes, c'est ironique mais courant.
La plupart des agences résolvent ce trilemme en sacrifiant la vitesse. Elles empilent WordPress, un thème lourd, WPBakery ou Elementor, WPML pour le bilinguisme, un plugin de cookies, un plugin de formulaires. Résultat : 3 à 5 Mo par page et un score Lighthouse de 45.
Notre approche technique
On ne fait aucun compromis. Voici comment.
Génération statique (SSG)
Nos sites sont construits avec Next.js en mode génération statique. Chaque page est pré-construite au moment du déploiement — pas générée à chaque visite. Quand un visiteur arrive sur votre site, il reçoit un fichier HTML prêt, pas une requête à un serveur PHP qui interroge une base de données MySQL.
Le résultat : un temps de réponse du serveur inférieur à 50 ms, contre 800 ms à 2 secondes pour un site WordPress typique.
Optimisation des images
Chaque image est automatiquement convertie en AVIF (le format le plus léger disponible) avec un repli en WebP. Les images sont dimensionnées en fonction de l'écran du visiteur : un téléphone reçoit une image de 400 px, pas une photo de 2000 px réduite par CSS. Le chargement différé (lazy loading) fait en sorte que seules les images visibles à l'écran sont téléchargées.
JavaScript minimal
Pas de jQuery. Pas de plugins lourds. Pas de carrousels animés qui chargent 300 Ko pour faire défiler trois photos. Chaque kilo-octet de JavaScript doit justifier sa présence. Notre bandeau de consentement Loi 25 pèse moins de 5 Ko — pas 400.
HTML sémantique
On utilise les bonnes balises HTML pour les bons éléments. <nav> pour la navigation, <main> pour le contenu principal, <h1> à <h6> dans le bon ordre. Ça sert à la fois l'accessibilité (les lecteurs d'écran comprennent la structure) et le SEO (Google comprend la hiérarchie du contenu).
En-têtes de sécurité
HSTS, Content-Security-Policy, X-Frame-Options, X-Content-Type-Options. Ces en-têtes HTTP protègent vos visiteurs et votre score Bonnes pratiques.
SEO bilingue correct
Chaque page possède ses balises hreflang qui pointent vers sa version française et anglaise. Google sait quelle version servir à quel utilisateur. Le français est la langue par défaut — conformité Loi 96.
L'impact commercial de la vitesse
Les chiffres sont sans appel.
Google classe les sites rapides plus haut. Les Core Web Vitals sont un facteur de classement depuis 2021. À contenu égal, le site le plus rapide l'emporte.
Un délai d'une seconde réduit les conversions de 7 %. C'est une donnée documentée par Google et Akamai. Pour une firme professionnelle, une conversion c'est un formulaire rempli, un appel passé, un mandat obtenu.
Les utilisateurs mobiles quittent après 3 secondes. 53 % des visites mobiles sont abandonnées si la page prend plus de 3 secondes à charger. En 2026, plus de 60 % du trafic web est mobile. Si votre site met 5 secondes à charger, vous perdez la majorité de vos visiteurs avant même qu'ils voient votre page d'accueil.
Ce que ça veut dire pour votre firme
Allez sur les sites de vos trois principaux concurrents. Passez-les dans Lighthouse. Notez leurs scores.
Si vous êtes comme la plupart des firmes professionnelles au Québec, vous verrez des scores entre 40 et 70. Des sites WordPress construits en 2019, jamais optimisés, avec des images de 3 Mo et des plugins qui se battent entre eux.
C'est votre avantage concurrentiel. Un site qui charge en 1,2 seconde contre 4,5 secondes. Un site que Google favorise dans les résultats. Un site que vos visiteurs n'abandonnent pas avant d'avoir vu ce que vous offrez.
Quand quelqu'un cherche "CPA Montréal" ou "avocat droit familial Québec", Google choisit entre votre site et celui de vos concurrents. La vitesse, l'accessibilité et la conformité technique font partie de ce choix.
Voyez par vous-même
Notre bilan de santé web gratuit inclut une analyse Lighthouse complète de votre site actuel, avec les scores dans les quatre catégories et les recommandations concrètes pour les améliorer.
18 vérifications. 6 dimensions. Livré en 24 heures. Sans engagement.