Lorsque vous créez une application Web axée sur le contenu, il est important de prendre en compte les navigateurs que votre audience utilise. Certains peuvent utiliser des navigateurs plus anciens non compatibles avec les dernières fonctionnalités, tandis que d'autres utilisent des navigateurs plus récents, dotés de plus de fonctionnalités. Votre application est accessible à tous les utilisateurs, quel que soit leur navigateur.
Utilisez l'amélioration progressive ou commencez par les fonctionnalités les plus élémentaires compatibles avec tous les navigateurs, puis ajoutez des fonctionnalités supplémentaires pour les navigateurs plus récents. La détection des fonctionnalités constitue une autre stratégie pour toucher les utilisateurs dont les navigateurs récents ou anciens sont utilisés. Avec la détection de fonctionnalités, vous pouvez déterminer quelles fonctionnalités sont compatibles avec le navigateur de l'utilisateur, puis charger le code approprié. Votre application doit utiliser les fonctionnalités les plus récentes compatibles avec le navigateur de l'utilisateur.
Certains compromis sont à prendre en compte lorsque vous ciblez à la fois les navigateurs anciens et modernes. Tout d'abord, vous devrez peut-être utiliser un code différent pour différents navigateurs. Cela peut rendre votre code plus complexe et difficile à gérer. Vous ne pourrez peut-être pas utiliser les dernières fonctionnalités dans tous les navigateurs. Cela peut limiter les fonctionnalités de votre application.
En fonction de l'application, les navigateurs plus anciens peuvent toujours nécessiter une assistance pour des raisons juridiques ou des cas d'utilisation professionnels. Si la majorité des utilisateurs disposent d'un matériel plus ancien et ne peuvent pas effectuer de mise à jour, des polyfills peuvent être nécessaires. Un polyfill offre des fonctionnalités modernes aux navigateurs Web plus anciens et peut vous permettre d'utiliser les API et les technologies Web les plus récentes, tout en assurant la compatibilité avec les anciens navigateurs.
Il existe de nombreux outils efficaces pour vérifier quelles technologies ou API sont utilisées:
- Project Baseline: vise à améliorer l'expérience des développeurs en fournissant des fonctionnalités qui fonctionnent bien dans les navigateurs compatibles et qui s'appuient sur Google et d'autres systèmes couramment utilisés.
- Caniuse: ressource permettant de rechercher les API Web et de consulter l'état de compatibilité de tous les navigateurs suivis.