Lighthouse : la méthode pour atteindre 100 et le garder
Comment Lighthouse calcule ses scores, quelles optimisations comptent vraiment et comment garder 100 en performance, accessibilité, bonnes pratiques et SEO.
Mot-clef
#Performance
Tous les articles taggés Performance — conseils et ressources par Benjamin Schweitzer.
24 articles
Speculation rules : des pages qui s'ouvrent instantanément
Les speculation rules préchargent ou prérendent la page suivante avant le clic. Syntaxe JSON, niveaux d'anticipation, pièges et compatibilité navigateurs.
Google Fonts : héberger vos polices pour la vitesse et le RGPD
Charger Google Fonts depuis leurs serveurs ralentit votre site et pose un problème RGPD. Comment passer à des polices auto-hébergées, légères et bien affichées.
HTTP/3 et protocole QUIC : ce que ça change pour votre site
HTTP/3 s'appuie sur le protocole QUIC pour accélérer les connexions, surtout sur mobile. Fonctionnement, gains réels et activation dans nginx, étape par étape.
Format AVIF : des images plus légères que le WebP pour votre site
Le format AVIF compresse mieux que JPEG et WebP. Compatibilité, conversion, balise picture et réglages de qualité pour accélérer vos pages sans perte visible.
OPcache : accélérer PHP sans toucher au code de votre site
OPcache garde le code PHP compilé en mémoire et réduit le temps de réponse du serveur. Réglages recommandés, déploiements, JIT et pièges à éviter en production.
INP : améliorer la réactivité de vos pages web
L'INP mesure le délai entre un clic et la réponse visible de la page. Seuils, outils de mesure et techniques concrètes pour passer sous les 200 ms.
Cache HTTP : accélérer votre site avec les bons en-têtes
Bien configurer le cache HTTP accélère votre site et soulage le serveur. Cache-Control, durée de vie, versionnage des fichiers : les réglages à connaître.
htmx : rendre une page interactive sans framework JavaScript
Découvrez htmx, la petite bibliothèque qui ajoute de l'interactivité à vos pages HTML sans React ni Vue. Principes, cas d'usage et limites à connaître.
Astro : créer un site ultra rapide avec l'architecture en îles
Astro génère des sites très rapides en n'envoyant du JavaScript que là où il sert. Principe des îles, cas d'usage et limites pour un site vitrine ou un blog.
Animations au scroll : dynamiser sans nuire à la performance
Les animations au scroll donnent du rythme à une page, mais peuvent la ralentir. Techniques modernes, bonnes pratiques, accessibilité et erreurs à éviter.
Image hero : réussir le premier écran de votre site
L'image hero donne la première impression de votre site. Choix du visuel, message, bouton d'action, poids et performance : comment réussir ce premier écran.
Skeleton screens : mieux gérer les états de chargement
Les skeleton screens rendent l'attente plus courte en affichant la structure de la page avant le contenu. Quand les utiliser et comment les concevoir.
Site lent : combien cela coûte vraiment à votre entreprise
Un site lent fait fuir les visiteurs, baisse les ventes et pèse sur le référencement. Comment mesurer cette perte et quelles optimisations sont rentables.
SEO des images : attirer du trafic avec Google Images
Le SEO des images apporte du trafic souvent négligé. Nom de fichier, texte alternatif, poids, format WebP, données structurées : les bonnes pratiques.
Maintenance WordPress : la checklist mensuelle
Protégez votre site WordPress avec cette checklist mensuelle : mises à jour, sauvegardes, sécurité, performance et nettoyage de base de données en 45 min.
Optimiser les images web : WebP, lazy loading et compression
Les images pèsent 50 % du poids d'une page. Optimisez-les avec WebP, lazy loading, srcset et compression efficace pour booster vos scores Lighthouse.
PostgreSQL : la base de données relationnelle avancée
Maîtrisez postgresql : types avancés, JSON, CTE, window functions, index et performances. La base de données open source la plus avancée du marché.
PWA : créer une Progressive Web App complète
Créez une pwa complète : Service Worker, Web App Manifest, cache offline, notifications push et installation sur mobile. Guide pratique et exemples.
Redis et PHP : mise en cache avancée
Implémentez redis avec PHP pour la mise en cache : strings, hashes, listes, pub/sub et sessions. Guide complet avec exemples pratiques.
Performance web : optimiser la vitesse de votre site
Améliorez la performance web de votre site avec ce guide : lazy loading, compression, CDN, cache, minification et Core Web Vitals. Résultats garantis.
MySQL : optimisation des performances et requêtes
Apprenez à optimiser mysql avec les index, EXPLAIN, requêtes lentes, partitionnement et configuration serveur. Guide expert pour développeurs web.
Comment choisir son hébergeur web en 2024 : le guide complet
Hébergeur web mutualisé, VPS ou cloud ? Choisissez le bon hébergeur web selon votre projet, budget et besoins techniques. Comparatif et conseils.
Core Web Vitals : optimiser les performances de votre site
LCP, CLS, INP : comprendre et améliorer les Core Web Vitals de Google pour booster votre référencement et l'expérience utilisateur dès aujourd'hui.