Srcset Validator

Cet outil analyse un srcset donné et une éventuelle taille (sizes) pour vérifier que les images candidates sont déclarées correctement et que le navigateur peut sélectionner les ressources appropriées selon la largeur de la fenêtre et le DPR. Destiné aux développeurs web, ingénieurs performance et spécialistes SEO qui mettent en œuvre des images réactives et dépendent d’une livraison d’actifs prévisible. Le validateur agit comme une étape d’analyse statique, sans récupération live, et met l’accent sur la précision, la couverture et la compatibilité avec la norme HTML5.
Conception: l’outil tokenize le srcset en candidats et lit les descripteurs (w pour la largeur ou x pour la densité). Il calcule des largeurs cibles réalisables en combinant la largeur de la fenêtre avec le DPR et vérifie les descripteurs manquants, les URLs mal formées, les duplicatas ou les candidats qui ne seraient jamais choisis dans des scénarios typiques.
Le processus produit un rapport structuré qui met en évidence les lacunes et recommande un sous-ensemble minimal et robuste de sources à déployer.
Les sorties incluent un indicateur de validité, une liste de problèmes avec les justifications, et des remplacements ou ajouts suggérés. L’outil peut être utilisé dans CI pour faire respecter la validité avant fusion ou lors d’audits pour guider la stratégie des actifs. En se concentrant sur la précision et la couverture plutôt que sur les métriques de performance, il aide les équipes à éviter les images sous-délivrées ou une bande passante gaspillée tout en améliorant l’accessibilité et les performances SEO.