Le casse tête des navigateurs internet
L’année 2009 a vu la sortie de nouveaux navigateurs, tous plus performants, innovants, respectueux des standards du W3C et bourrés de fonctionnalités astucieuses sencées rendre la navigation sur la toile plus enrichissante.
Tout d’abord, rappelons brièvement ce qu’est un navigateur :
Un navigateur (ou Browser) est un programme informatique qui sert à afficher les contenus d’Internet. Tout le monde connait Internet Explorer « IE » , mais il en existe plusieurs, et c’est là que commence le casse tête: FireFox, Safari, Opéra, Chrome, Netscape ( si ,si, je vous assure c’est un navigateur internet).
La publication sur le World Wide Web est régie par des normes définies par le Consortium du W3C. Cette organisation a pour but de « standardiser » et de promouvoir la compatibilité des technologies et langages de développement du web. Grâce au W3C, un site développé à Washington est « lisible » de Bornéo à Paris, sur tous les ordinateurs ayant un accès internet.
Les entreprises qui développent des navigateurs (Apple pour Safari  par exemple) se servent des recommandations du W3C pour faire évoluer leur logiciel, et permettre de « lire » non seulement les site, mais également toutes les nouvelles technologies qui font leur apparition sur internet, comme les vidéos en ligne ou la 3D interactive.
Internet Explorer, le vilain petit canard
Malheureusement, la politique de Microsoft aux débuts de l’internet a conduit au développement d’un navigateur non respectueux des standards, c’est à dire qu’un site n’était pas « lu » de la même manière avec Internet Explorer qu’avec les autres navigateurs : décalages, cadres disgracieux, avertissements de sécurité intempestifs étaient monaie courante.
Mais comme Internet Explorer détenait le quasi monopole de la navigation mondiale, les webmasters ont du s’adapter, et créer des sites lisibles pour IE.
Heureusement, avec IE 7 et aujourd’hui IE8, il n’y a plus de problème de compatibilité entre les navigateurs et les sites web s’affichent parfaitement quel que soit le logiciel utilisé.
Petite rectification : les sites webs s’affichent parfaitement du moment que le logiciel utilisé n’est pas IE6 (ou antérieur) !
En effet, nombre d’ordinateurs sont encore équipés de ce navigateur, malgré les récentes mises à jour .
Une étude européenne menée en janvier 2009 révèle les chiffres suivants :
- 11% des internautes utilisent Internet Explorer 8 (2009)
- 29% utilisent IE7 (2007)
- 18% utilisent IE6 et inférieurs  (2001)
- 32% utilisent Fire Fox dont 94% FF3 (2009)
- 4% utilisent Opéra (2009)
- 3% utilisent Safari (2009)
- 2% utilisent Google Chrome (2009)
- 1% utilisent d’autres navigateurs, dont Netscape (2003) (argh !)
Le but de cet article n’est pas d’entrer dans la polémique de « Internet Explorer perd des parts de marché de jour en jour, Chrome avance etc », mais de constater qu’il y a encore bon nombre de personnes qui utilisent un navigateur obsolète : 48% IE7, IE6 et Netscape confondus.
De l’intérêt de mettre son navigateur à jour
Les mises à jour des navigateurs sont gratuites, et ne nécessitent qu’un simple clic pour être installées, pour une durée d’installation de 4minutes environs. D’autre part, les contenus publiés sur internet sont de plus en plus riches et diversifiés, et seules les dernières mises à jour des navigateurs garantissent leur bonne intégration : en 2001, qui pensait qu’on pourrait regarder des vidéos sur Youtube, écouter de la musique sur Deezer, visiter des locaux d’architecte en 3D ou s’abonner aux flux Rss de LeMonde ? Les anciens navigateurs ne permettent pas de se servir pleinement de ces nouvelles technologies.
En entreprise
Une récente enquête menée par notre studio révèle qu’en entreprise, la proportion de navigateurs obsolètes augmente significativement.
On peut dire qu’1 ordinateur sur 10 est équipé d’une version 2009, et que 6 sont encore avec une version 2001. Or, un chef d’entreprise qui commandite un site pour sa société est en droit d’attendre que celui ci s’affiche parfaitement sur son ordinateur.
Imaginez un peu sa réaction, si celui-ci présente des décalages, des images sur fond gris, des bordures disgracieuses ? Et pourtant son site est parfaitement valide, développé dans les règles de l’art, et suit les recommandations du W3C en matière de syntaxe Html et Css.
Déjà , la multiplication des formats d’écrans d’ordinateurs ne rend pas l’affichage d’un site aisé, puisque l’internaute peut dorénavant le consulter depuis son Iphone (3,5 pouces), son Netbook (de 7 à 12 pouces), son Macbook (13,3 ou 15,4), son portable (15, 15,4 ou 17,4) ou encore sur son écran de bureau CRT (17 ou 19 pouces) ou LCD (de 17 à 24 pouces). Le webmaster est également obligé de gaspiller un temps précieux pour rendre compatible un site avec les versions antérieures des navigateurs . Celà représente une surcharge de travail supplémentaire, mais malheureusement encore « obligatoire ».
Cette dépense de temps et d’argent serait inutile, si chacun faisait l’effort (minime) de mettre à jour son navigateur.
Heureusement aujourd’hui tous les nouveaux navigateurs, (Fire Fox 3.5, IE 8, Safari 4, Opéra 9.1, etc …) se sont mis une bonne fois pour toute d’accord sur le respect des normes W3C, ce qui simplifiera considérablement le travail…
…Reste maintenant aux utilisateurs de se mettre à jour!
« La version Internaute 8.7 bientôt en téléchargement gratuit avec sa mise à jour simplifiée!!! »
Franchement, lorsque vos chaussettes ont des trous au talon, les reprisez vous ? IE6 n’est qu’une vieille chaussette portée depuis dix ans, qui demande tant de rafistolages que l’achat d’une nouvelle paire tombe sous le sens…
Pour les webmasters et webdesigners :
Voici quelques uns des « trucs » qui peuvent vous sauver la mise lors de la « compatibilisation » de votre site. Rien de révolutionnaire, ni de formules magiques, mais des points à vérifier systématiquement, qui éviteront quelques désagréments :
- Faire une structure html valide: il n’y a que ça de vrai. N’hésitez pas à passer vos page au Validator W3C, ça fait parfois mal mais c’est salutaire!
- Eviter au maximum les balises propriétaires, telles que <OBJECT><COMMENT>ou encore <IFRAME> qui ne sont pas prises en compte par les autres navigateurs. Ce qui est parfois un problème lorsqu’on insère un média Flash, un plan GoogleMap, ou autre…
- Faire une structure Css valide: là aussi, un peu de rigueur et une validation Css W3C sont indispensable!
- Jongler entre au moins deux navigateurs pour repérer les défauts d’affichages au fur et à mesure, ce qui évitera une perte de temps précieux lorsque le site sera «fini» pour Internet Explorer, mais catastrophique pour les autres.
- Les hacks, ces petites rustines tellement pratiques: (ne vous inquiétez pas, ce n’est pas du piratage!)
propriété : valeur !important ; /* définit une propriété pour tous les navigateurs sauf IE */
/propriété :valeur ; /* définit une propriété pour toutes les versions d’Internet Explorer */
-propriété :valeur ; /* définit une propriété pour IE6 uniquement */
W3C (site officiel)
Télécharger IE 8
Télécharger Fire Fox 3.5
Télécharger Opéra 10
Télécharger Safari 4
Télécharger Chrome
