Lugor construit des sites optimisés pour les meilleures performances
Des sites construits pour la vitesse avec Lugor
Nous visons les plus hauts objectifs de performance dès la conception des fonctionnalités et testons avant et après chaque déploiement. Lugor obtient régulièrement "100" à chaque critère Lighthouse.
La performance au cœur de nos ambitions
La performance d'un site web n'est pas une promesse. C'est un score que n'importe qui peut vérifier en deux clics avec PageSpeed Insights ou WebPageTest. Chez Lugor, nous mesurons toutes les versions avant et après déploiement sur des sites en production pour garantir à nos clients mes meilleurs résultats possibles.
Score Lighthouse 100 en SEO et accessibilité et best practices. Les sites Lugor obtiennent entre 90 et 100 selon les mesures pour la performance desktop. Largest Contentful Paint en 1 seconde, Total Blocking Time à 20 ms, Cumulative Layout Shift à 0,016.
Huit métriques principales mesurées
Vitesse de chargement, réactivité, stabilité visuelle au-dessus du seuil vert.
Score maximum WCAG sur les critères de test de Lighthouse.
Sécurité HTTPS, librairies à jour, console propre, attributs aria valides.
Score maximum sur les critères SEO techniques (meta, structure, balisage).
Le contenu principal de la page est visible en moins d'une seconde.
Seuil vert Google : 2,5 s.
Temps pendant lequel le navigateur ne peut pas répondre à l'utilisateur.
Seuil vert Google : 200 ms.
Stabilité visuelle pendant le chargement.
Seuil vert Google : 0,1.
Délai entre la première interaction du visiteur et la réponse du navigateur.
Seuil vert Google : 100 ms.
Comment Lugor rend vos sites performants
Sur la plupart des sites, le navigateur télécharge plus de code que nécessaire pour afficher la page consultée.
Lugor coupe le superflu : seul le code utile à votre page est envoyé au visiteur, pas le code des autres pages du site.
Concrètement, votre site est plus léger à charger sur mobile, en 4G, et même sur les connexions instables. Un visiteur qui consulte votre site depuis un train ou en déplacement ne voit pas la différence avec un visiteur en fibre.
Sur des sites qui doivent rester accessibles partout, c'est ce qui évite de perdre les prospects en mauvaise réception.
Pour les développeurs, on parle ici de code splitting et de tree shaking.
Sur Lugor, votre page est entièrement assemblée avant d'arriver chez votre visiteur.
Pas d'écran blanc qui se construit progressivement, pas de chargement par étapes. Le navigateur reçoit du contenu prêt à afficher, pas du code à exécuter en direct.
Vos visiteurs voient votre site et son contenu en haut de page dès la première seconde. Un site élégant qui se charge immédiatement sur tous les supports crée une une première bonne impression et inspire confiance et sérieux.
Pour les développeurs, nous nous appuyons sur des server components.
Lugor convertit automatiquement chaque image que vous uploadez dans le format le plus léger que sait lire le navigateur de votre visiteur.
Vous uploadez une fois, Lugor sert plusieurs versions selon l'écran : grande pour desktop, moyenne pour tablette, petite pour mobile. Ainsi, vos galeries chargent 3 à 10 fois plus vite sans que vous ayez créer vous-même plusieurs versions d'une même image.
Votre site créé avec Lugor conserve le même niveau de performance si votre base contient 200 photos haute résolution.
Pour les développeurs, nous utilisons la conversion AVIF.
Questions fréquentes sur la performance
Par construction technique : Server Components (HTML rendu côté serveur), images en AVIF automatique, cache edge distribué, JavaScript tree-shaké, polices servies localement.
Aucune optimisation à ajouter au moment de la mise en ligne, le score est là dès la première page.
Trois effets cumulatifs :
- un meilleur classement Google (LCP est un Core Web Vital pris en compte par l'algorithme),
- un taux de rebond inférieur sur mobile (les visiteurs ne quittent pas la page avant qu'elle s'affiche),
- une perception de qualité supérieure du service proposé (un site lent signale, sans le dire, un service mal organisé).
Il s'agit d'un modèle de rendu où le HTML d'une page est construit sur le serveur (SSR) et envoyé déjà terminé au navigateur.
Le navigateur affiche immédiatement, sans avoir à télécharger et exécuter du code (JavaScript) pour fabriquer la page. C'est l'inverse du modèle SPA pure, où le navigateur reçoit une page vide et la construit au runtime.
Ce modèle de rendu est aussi parfaitement adapté pour le SEO, les robots ne savent pas exécuter le code, ils peuvent donc indexer tout le contenu de vos pages.
Trois optimisations en chaîne :
- conversion automatique en AVIF et WebP (avec fallback),
- redimensionnement automatique selon la taille réelle d'affichage de l'image (pas d'image full HD servie pour une miniature),
- lazy loading natif (les images hors de l'écran ne sont chargées qu'au défilement de la page).
Vous mettez une image en ligne, Lugor s'occupe du reste pour la rendre adaptée à votre site et aux meilleures pratiques web.