Lors du développement de sites web pour mes clients, une des question qui doit revenir le plus souvent doit être « Pourquoi mon site n’est pas pareil d’une machine à une autre? ».

La réponse peut sembler évidente pour quelqu’un en informatique, mais est quand même de nature plutôt technique pour le commun des utilisateurs. Bien qu’il y ait plusieurs raisons, la principale demeure le fait qu’il y a différents fureteurs (browsers) internet et que chacun affiche le code des pages web de façon un peu différente. Voici ce qu’utilisent les quatre plus grande famille de fureteurs sur le marché, comptant pour environ 90% du marché:

• Microsoft Internet Explorer utilise l’engin de rendu Trident
• Mozilla Firefox utilise l’engin de rendu Gecko
• Apple Safari et Google Chrome utilisent l’engin de rendu Webkit

Chacun de ces engins possède ses avantages et inconvénients, et doit aussi assurer une compatibilité avec les version précédentes de chaque fureteur, sinon, on devrait ré-écrire les sites web à chaque nouvelle mouture d’un fureteur!

Pour compliquer la chose, plusieurs versions de ces fureteurs sont en circulation parmi les utilisateurs du web, parce que tous ne font pas la mise-à-jour de leurs logiciels au même rythme. On voit donc de 3 à 4 versions de chaque fureteur en utilisation, pour un total de 12 à 16 versions à vérifier pour s’assurer qu’un site web s’affiche correctement pour la plupart des gens. Ceci, sans compter d’avoir à supporter les tablettes de Apple (iPad) et autres fabricants fonctionnant sur Apple iOS, Google Android et HP WebOS. Sans oublier les téléphones intelligents fonctionnant sur Apple iOS, Nokia, Symbian, Windows CE et autres fabricants. Vous aurez compris qu’il ne faut pas avoir peur de la variété pour être développeur web…

Voici un aperçu, au niveau canadien, des différentes version de fureteurs internet, pour les derniers trois mois.

Source: StatCounter Global Stats – Browser Version Market Share

Basé sur le graphique ci-haut, on pourrait donc calculer les parts de marché de chacunes des familles de fureteurs comme suit, pour un total de 96.8%.

1. Microsoft Internet Explorer 6, 7, 8 et 9: 44.4%
2. Mozilla Firefox 3.6, 4, 5 et 6: 24.9%
3. Google Chrome 11, 12 et 13: 18.4%
4. Apple Safari 5, 5.1 et iPad: 10.1%

La plupart des organisations déterminent les fureteurs et versions qu’elles supporteront dans leurs efforts de développement, en essayant de couvrir la plus grande portion des possibilités, mais sans dépenser trop de temps à supporter des plates-formes ayant un nombre restreint d’utilisateurs, car les coûts augmenteraient rapidement.

Chez ARSENEAULT Consultation, notre politique est de supporter les deux (2) versions majeures les plus récentes de chacunes des quatre familles de fureteurs, ainsi que le iPad/iPhone de Apple. Ceci nous permet de nous assurer que plus de 80% des utilisateurs verront le site tel que désiré – il pourra y avoir de légères différences au niveau de l’esthétique, mais tout sera parfaitement fonctionnel: c’est ce qu’on appelle le concept de graceful degradation ou progressive enhancement en anglais.

Les versions de fureteurs que nous supportons sont:

• Microsoft Internet Explorer 8 (disp. sur Windows Vista) et 9 (Windows 7 seulement)
• Mozilla Firefox 5 et 6
• Google Chrome 12 et 13
• Apple Safari 4 et 5, ainsi que Mobile Safari (iPad/iPhone/iPad)

Ces combinaisons nous permettent de couvrir plus de 80% des utilisateurs du web au Canada, selon les plus récentes statistiques. Ceci ne veux pas dire que 20% ne peuvent utiliser nos sites, mais qu’il est possible que certaines erreurs d’affichage apparaissent ou que certaines fonctionalités avancées ne soient pas disponibles. Le site demeurera toujours utilisable.

Naturellement, il y en aura toujours pour dire que « Facebook, eux, comment ça se fait que leur page est ‘pareille’ sur tous les ordinateurs », ce à quoi je ne peux que répondre que le budget de Facebook pour le développement et l’entretien de leur site web est de plusieurs dizaines de millions de dollars annuellement – car après tout, c’est leur (seule) business!