Les redirections ralentissent la vitesse de chargement des pages. Lorsqu'un navigateur demande une ressource qui a été redirigée, le serveur renvoie généralement une réponse HTTP semblable à celle-ci:
HTTP/1.1 301 Moved Permanently
Location: /path/to/new/location
Le navigateur doit ensuite envoyer une autre requête HTTP au nouvel emplacement pour récupérer la ressource. Ce trajet supplémentaire sur le réseau peut retarder le chargement de la ressource de centaines de millisecondes.
Échec de l'audit de plusieurs redirections Lighthouse
Lighthouse signale les pages comportant plusieurs redirections:
Une page échoue à cet audit si elle comporte au moins deux redirections.
Comment éliminer les redirections ?
Faites pointer les liens vers des ressources signalées vers leur emplacement actuel. Il est particulièrement important d'éviter les redirections dans les ressources requises pour votre chemin d'affichage critique.
Si vous utilisez des redirections pour rediriger les mobinautes vers la version mobile de votre page, envisagez de repenser votre site afin d'utiliser le Responsive Design.
Conseils spécifiques à la pile
Réagir
Si vous utilisez React Router, minimisez l'utilisation du composant <Redirect> pour la navigation dans les itinéraires.