Navigateur internet 2/3

Le premier article de la trilogie des « Navigateurs Internet » nous a montré comment les navigateurs trouvaient le site internet à afficher et comment ils s’y connectaient de manière sécurisée ou non.

Maintenant il est intéressant d’étudier son histoire commençant dans les années 1990 et comment elle a pu influencer le web d’aujourd’hui.

L’évolution des navigateurs internet de leurs créations aux temps modernes

L’histoire des navigateurs internets

Les premiers navigateurs internets

En complément, il faut ajouter que  Viola WWW a apporté son lot de nouveautés que nous pouvons voir comme les fondations du web d’aujourd’hui:

1. « client-side document insertion », l’ancêtre des iframes.
2. Les feuilles de style pour le navigateur, l’ancêtre du CSS inventé en 1998
3. Un langage de script pouvant modifier le html. On parle ici de l’ancêtre de javascript.

Le navigateur NCSA Mosaic apportât deux innovations notables :

1. Affichages des images aux formats GIF et XBM.
2. Etre sur Windows. Ce dernier étant le système d’exploitation le plus populaire, cette innovation lui a permis de dépasser ses concurrents.

Après le début chaotique des navigateurs internets, deux nouveaux leaders émergèrent et s’affrontèrent dans la « première guerre des navigateurs internets ».

Première guerre des navigateurs Netscape VS Internet Explorer

En 1994, Marc Andreessen et plusieurs membres de l’équipe ont quitté le NCSA pour fonder Netscape Communications Corporation et créer le navigateur internet Netscape qui acquit rapidement le monopole de ce secteur.

En parallèle Microsoft a décidé de se lancer sur Internet en voyant le potentiel du web et la possibilité que le navigateur internet devienne plus important que le système d’exploitation. Il sortit 16 Août 1995 la première version de son navigateur Internet Explorer.

Voici un résumé de la lutte en part de marché de ses deux mastodontes :

Pour l’époque Netscape fut un navigateur excellent. Il a apporté plusieurs innovations importantes :

1. Le téléchargement des pages web à la volée. Avec l’internet très lent de l’époque, la vitesse de navigation s’en est trouvée décuplée. On n’avait plus besoin d’attendre le téléchargement complet de la page.
2. Les cookies permettant de stocker des informations entre chaque session pour être réutilisées plus tard.
3. L’invention du langage Javascript par Brendan Eich, le langage le plus utilisé à l’heure actuel (site internet, serveur, applications mobile).

Pour créer son navigateur Microsoft partit du navigateur Spyglass Mosaic  développé par l’entreprise « Spyglass ».

Microsoft avait deux gros avantages par rapport à Netscape qui lui permit de gagner la lutte:

1. Plus de moyen et une plus grosse force de frappe pour créer un meilleur navigateur. Pour rappel Microsoft était une grosse entreprise informatique ayant un monopole dans les systèmes d’exploitations tandis qu’en face on avait une petite entreprise. Grâce à ça, Internet Explorer 4.0 fut plus rapide que son concurrent, et permit de jouer des fichiers MP3.
2. Microsoft finit par décider qu’IE soit installé d’office sur son système d’exploitation Windows. Ce très gros avantage a permis à Internet Explorer de dépasser son rival.

Cependant Netscape a décidé de mettre la version de son navigateur en Open-Source. L’entreprise a créé l’organisation Mozilla.  Elle a à son tour créé le navigateur Firefox toujours existant aujourd’hui.

L’arrivée des navigateurs modernes la domination de Chrome

Internet Explorer devint le navigateur le plus utilisé partout dans le monde. Firefox créé en 2004 commença doucement à prendre des parts de marché.

En 2006, une grogne commença à apparaître contre Microsoft et la 6^ème version de son navigateur. Elle était sorti en 2001 et devenait de plus en plus obsolète. Le non respect des standards du web de l’époque puis des problèmes de sécurité commencèrent à lui porter préjudice. Ces incidents permirent à de nouveaux navigateurs web de se développer comme Firefox, Safari (navigateur d’Apple) ou Opera.

L’arrivée du prochain mastodonte

Le 2 septembre 2008, en prévenant juste la vieille par la publication d’une bande dessinée Google, sortit son navigateur Chrome en bêta. La version 1.0 fut lancée le 25 décembre 2008.

Pour développer ses parts de marché Google eut comme stratégie :

1. Un deal avec Sony pour avoir installé Chrome par défaut sur leurs machines.
2. D’énormes efforts pour améliorer la vitesse de navigation dans chaque nouvelle version. Par exemple ils ont beaucoup travaillé sur leur moteur Javascript pour améliorer les performances ou sur la gestion de la mémoire de leur logiciel.

Grâce à leurs efforts Chrome conquit rapidement des bonnes parts de marché.

La mort de IE suivi par la domination de Chrome

En 2011 Microsoft lance Internet Explorer 9. Cette nouvelle version fut incompatible avec Windows XP, système d’exploitation encore énormément utilisé. A cause de cette décision, beaucoup d’utilisateurs décidèrent de migrer sur Chrome.

Firefox profita des égarements de Microsoft avec son navigateur pour monter ses parts de marché à 30% en 2010.

Pour finir, à partir de 2012 Chrome devint le navigateur le plus utilisé et avec des parts de marché à plus de 65%. Aujourd’hui elles se situent à pratiquement  70% suivi par Safari à 20%. Les autres navigateurs se partagent des miettes. Une partie de ces chiffres s’expliquent par l’émergence du mobile où Google avec « Androïd » et « Apple » avec « IOS » dominent et poussent leurs clients à utiliser leur propre navigateur.

Toute cette épopée bouillonnante  permit la naissance d’un écosystème intéressant à regarder comme la mise en place de standardisation de technologies communes et d’un changement de consommation du web différent des débuts avec l’émergence des smartphones.

Les caractéristiques des navigateurs internets modernes

La standardisation du web moderne

A l’heure actuelle nous avons plusieurs navigateurs qui interprètent du code html, css et javascript pour un résultat identique ou pratiquement.

Si chaque navigateur avait une interprétation différente du code reçu, le rendu des pages serait différent. Pour un même site internet, il pourrait être clair et agréable à consulter sur un navigateur A et complètement illisible sur un navigateur B.

Pour éviter ce scénario catastrophique, la W3C a été créé très rapidement . Elle définit des normes appelés Recommandations pour que les navigateurs puissent interpréter le code des pages web et le rendre de manière homogène.

Comment les « Recommandations » sont-elles créées et évoluent-elles ?

1. Brouillon de travail : le standard est vu et commenté par la communauté.
2. Recommandation Candidate : la faisabilité du standard et de sa mise en œuvre sont étudiées.
3. Recommandation Proposée : on étudie les retours des implémentations de cette recommandation faites par les utilisateurs puis on l’envoie au « W3C Advisory Council » chargée de faire la validation définitive.
4. Recommandation W3C : Ce standard a été revu par beaucoup de personnes et bien testé en profondeur. Maintenant il a été adopté par la W3C et est appelée à être implémenté partout.

Avec le temps les implémentations par les différents acteurs se font de manière fluide et rapide. Si une nouvelle recommandation est déployée par la W3C, les navigateurs l’implémenteront rapidement pour un résultat similaire. A l’heure actuelle, les navigateurs se mettent à jour automatiquement donc les utilisateurs finaux profiteront de ces nouvelles « recommandations ».

Cependant cela n’a pas été toujours aussi simple:

1. Certains navigateurs mettaient du temps à implémenter les recommandations
2. Certaines vieilles versions étaient utilisées. Le travail des développeurs s’en trouvait complexifié.

Un site internet s’affichait correctement sur des navigateurs les plus récents mais devenait illisible sur une vieille version de navigateur toujours utilisée. Internet Explorer 6 nous l’a bien montré. Il est sorti en 2001 a eu des parts de marché à 80-90% en 2002-2003 et était toujours utilisé à 39% en 2009. Pendant de nombreuses années, les développeurs devaient se compliquer la vie pour avoir un site visible sur ce vieux navigateur et sur les navigateurs modernes.

Très tôt le site Acid2 proposant le « The Acid2 » a été créé pour vérifier que les navigateurs implémentaient les bonnes règles. Son remplaçant Acid3 a aussi été créé pour tester plus de règles récentes.

Après avoir vu la standardisation, il est intéressant de se pencher comment un simple navigateur open-source Chromium a structuré la majorité du web d’aujourd’hui.

Chromium

Voici les principaux navigateurs aujourd’hui :

Comme on peut le constater 3 produits sont issus du navigateur open-source Chromium. Si vous souhaitez comprendre le fonctionnement des navigateurs modernes il est donc nécessaire de comprendre Chromium.

Il est écrit en C++ et possède une architecture en multi-cœur. Il peut donc gérer plusieurs tâches en parallèle et ainsi avoir des performances améliorées.

Google dirige ce projet open-source qui comporte une codebase de 32 000 000 lignes de codes. Certaines grandes entreprises comme Microsoft Opera Samsung ou Intel participent au développement de ce navigateur.

Quelle est donc la différence entre Chromium et les navigateurs qui l’implémentent ? Prenons Google Chrome. Même s’il se base sur Chromium, il possède des fonctionnalités qui lui sont propres comme :

1. Google update pour faire ses mises à jour
2. La possibilité d’être lié à un compte google
3. De nouvelles méthodes d’encodage (gestion des flux vidéos et audio sur internet)
4. Une meilleure performance

En étudiant l’histoire des navigateurs on a vu que sa vitesse d’exécution et le respect des bons standards ont permis à certains de tirer leur épingle du jeu tandis que d’autres ont fini par sombrer.

Je vous propose dans le prochain article de voir comment un navigateur peut à partir du code reçu du serveur afficher de manière rapide et optimisée une page web.