Language
Country/Area
No result found
Qu’est-ce que l’augmentation progressive exactement ? Pourquoi va-t-elle changer l’avenir de la conception Web ?
L'amélioration progressive est une stratégie de conception Web axée sur le contenu qui vise à rendre le contenu et les fonctionnalités de base d'une page Web accessibles à tous les utilisateurs. Cette stratégie permet aux utilisateurs disposant de fonctionnalités de navigateur supplémentaires ou de connexions réseau plus rapides d'obtenir la version améliorée. De cette façon, le site Web se charge plus rapidement et est plus facile à explorer pour les moteurs de recherche, car le contenu textuel de la page peut être chargé immédiatement via le code source HTML sans avoir à attendre que JavaScript démarre et se charge, ce qui signifie que le contenu peut être consommé instantanément. Fonctionne « prêt à l'emploi » au lieu d'être caché derrière une couche supplémentaire.
Cette stratégie consiste à séparer la sémantique de présentation du contenu et à implémenter la présentation dans une ou plusieurs couches facultatives, activées en fonction de divers aspects du navigateur ou de la connexion réseau du client.
Les principes fondamentaux de l'amélioration progressive incluent : tous les navigateurs doivent pouvoir accéder au contenu et aux fonctionnalités de base, le balisage clairsemé et sémantique inclut tout le contenu, le CSS lié en externe fournit une mise en page améliorée, le JavaScript lié en externe fournit un comportement amélioré, etc. Cela rend les pages Web basées sur une conception d’amélioration progressive intrinsèquement plus accessibles et rétrocompatibles.
Contexte historiqueLe terme « augmentation progressive » a été inventé par Steven Champeon et Nick Finck lors de la conférence SXSW Interactive de 2003 et popularisé dans une série d'articles publiés dans Webmonkey. Cette stratégie est en partie une évolution de la stratégie précédente de dégradation gracieuse, qui vise à concevoir d’abord des pages Web pour les navigateurs les plus récents, puis à les faire fonctionner correctement sur les navigateurs plus anciens.
Avec cette stratégie, les développeurs peuvent créer du contenu Web dans un balisage sémantique et séparer la présentation du contenu.
Principes fondamentaux
La stratégie d’amélioration du progrès poursuit principalement les principes fondamentaux suivants :
- Le contenu de base doit être accessible à tous les navigateurs Web.
- Les fonctionnalités de base devraient être disponibles dans tous les navigateurs.
- Le balisage clairsemé et sémantique contient tout.
- Mise en page améliorée fournie via CSS externe.
- Un comportement amélioré est fourni via JavaScript externe.
- Respectez les préférences du navigateur de l’utilisateur final.
Support et adoption des améliorations avancées
En août 2003, Jim Wilkinson a créé une page wiki sur l'amélioration des progrès pour recueillir quelques conseils et astuces et expliquer la stratégie globale. Des designers comme Jeremy Keith montrent comment cette stratégie peut être harmonieusement combinée avec d’autres méthodes de conception Web moderne, telles qu’Ajax, pour offrir une expérience utilisateur flexible et puissante. La promotion de cette méthode améliore non seulement la flexibilité de la conception, mais permet également aux concepteurs de fournir un support pour plusieurs types de navigateurs.
Les progrès de la conception Web incitent de plus en plus de concepteurs Web à se concentrer sur l’accessibilité, la compatibilité et la rapidité.
Avantages de l'amélioration progressive
L’approche d’amélioration progressive présente de nombreux avantages, qu’il s’agisse d’accessibilité, de compatibilité ou d’efficacité en termes de vitesse.
Accessibilité, compatibilité et portée de développement
Les pages Web créées selon le principe d'amélioration progressive sont par nature plus accessibles et rétrocompatibles, car la politique exige que tout le contenu essentiel ne soit pas bloqué par des scripts courants, non pris en charge ou désactivés. Cette conception permet au contenu d'être toujours visible et utilisable dans tous les environnements.
Vitesse, efficacité et contrôle de l'utilisateur
Les clients peuvent choisir quelles parties d'une page télécharger et quand, ce qui non seulement accélère les temps de chargement, mais réduit également la bande passante et la consommation d'énergie. En revanche, les pages chargées via AJAX doivent d’abord exécuter JavaScript avant d’afficher le contenu, ce qui est relativement inefficace.
Optimisation des moteurs de recherche (SEO)
Une conception Web avancée peut améliorer les résultats d'optimisation des moteurs de recherche (SEO). Étant donné que le contenu de base est toujours accessible aux robots des moteurs de recherche, les pages qui utilisent l’approche d’amélioration progressive sont efficacement protégées contre les problèmes d’indexation causés par l’exécution de JavaScript.
Critique et réponse
Malgré les nombreux avantages de l’amélioration progressive, il existe également des sceptiques. Certains experts se demandent si l’amélioration progressive peut encore fonctionner lorsque les conceptions Web s’appuient trop sur JavaScript pour implémenter certains affichages d’interface utilisateur. Cependant, de nombreux concepteurs et développeurs pensent que les principes de l’augmentation progressive en tant que stratégie de conception peuvent encore être appliqués dans de nombreuses situations.
À mesure que les technologies Internet évoluent, l’amélioration progressive peut-elle continuer à être un choix de conception ?
Face à l'évolution constante de l'environnement de conception Web et des besoins des utilisateurs, l'amélioration progressive en tant qu'avenir de la conception Web a sans aucun doute suscité de nombreuses discussions et réflexions. Peut-il réellement être adopté à plus grande échelle et continuer à répondre aux demandes croissantes d’accessibilité, de rapidité et de référencement ?
