{"id":231,"date":"2025-06-23T11:28:03","date_gmt":"2025-06-23T09:28:03","guid":{"rendered":"https:\/\/buildmytech.fr\/?p=231"},"modified":"2025-07-01T13:36:26","modified_gmt":"2025-07-01T11:36:26","slug":"navigateur-internet-2-3","status":"publish","type":"post","link":"https:\/\/buildmytech.fr\/index.php\/2025\/06\/23\/navigateur-internet-2-3\/","title":{"rendered":"Navigateur internet 2\/3"},"content":{"rendered":"

Navigateur internet 2\/3<\/span><\/h1>\r\n \r\n\r\nLe premier article<\/a><\/strong><\/span> de la trilogie des \u00ab Navigateurs Internet \u00bb nous a montr\u00e9 comment les navigateurs trouvaient le site internet \u00e0 afficher et comment ils s\u2019y connectaient de mani\u00e8re s\u00e9curis\u00e9e ou non.\r\n\r\nMaintenant il est int\u00e9ressant d\u2019\u00e9tudier son histoire commen\u00e7ant dans les ann\u00e9es 1990 et comment elle a pu influencer le web d\u2019aujourd\u2019hui.\r\n

L'\u00e9volution des navigateurs internet de leurs cr\u00e9ations aux temps modernes<\/h2>\r\n \r\n

L'histoire des navigateurs internets<\/h3>\r\n

<\/h4>\r\n \r\n

Les premiers navigateurs internets<\/h4>\r\n\"\"\r\n\r\n \r\n\r\nEn compl\u00e9ment, il faut ajouter que\u00a0 Viola WWW<\/strong> <\/span>a apport\u00e9 son lot de nouveaut\u00e9s que nous pouvons voir comme les fondations du web d\u2019aujourd\u2019hui:\r\n
    \r\n \t
  1. \u00ab\u00a0client-side document insertion\u00a0\u00bb, l\u2019anc\u00eatre des iframes.<\/li>\r\n \t
  2. Les feuilles de style pour le navigateur, l\u2019anc\u00eatre du CSS invent\u00e9 en 1998<\/li>\r\n \t
  3. Un langage de script pouvant modifier le html. On parle ici de l\u2019anc\u00eatre de javascript.<\/li>\r\n<\/ol>\r\n \r\n\r\nLe navigateur NCSA Mosaic<\/strong><\/span> apport\u00e2t deux innovations notables :\r\n
      \r\n \t
    1. Affichages des images aux formats GIF et XBM.<\/li>\r\n \t
    2. Etre sur Windows. Ce dernier \u00e9tant le syst\u00e8me d\u2019exploitation le plus populaire, cette innovation lui a permis de d\u00e9passer ses concurrents.<\/li>\r\n<\/ol>\r\nApr\u00e8s le d\u00e9but chaotique des navigateurs internets, deux nouveaux leaders \u00e9merg\u00e8rent et s\u2019affront\u00e8rent dans la \u00ab premi\u00e8re guerre des navigateurs internets \u00bb.<\/em>\r\n

      Premi\u00e8re guerre des navigateurs Netscape VS Internet Explorer<\/h3>\r\nEn 1994, Marc Andreessen et plusieurs membres de l\u2019\u00e9quipe ont quitt\u00e9 le NCSA pour fonder Netscape Communications Corporation<\/strong><\/span> et cr\u00e9er le navigateur internet Netscape<\/span><\/strong> qui acquit rapidement le monopole de ce secteur.\r\n\r\nEn parall\u00e8le Microsoft<\/span><\/strong> a d\u00e9cid\u00e9 de se lancer sur Internet en voyant le potentiel du web et la possibilit\u00e9 que le navigateur internet devienne plus important que le syst\u00e8me d\u2019exploitation. Il sortit 16 Ao\u00fbt 1995 la premi\u00e8re version de son navigateur Internet Explorer<\/strong><\/span>.\r\n\r\nVoici un r\u00e9sum\u00e9 de la lutte en part de march\u00e9 de ses deux mastodontes :\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n
      Ann\u00e9es<\/strong><\/td>\r\nNetscape Part de march\u00e9 en %<\/strong><\/td>\r\nInternet Explorer part de march\u00e9 en %<\/strong><\/td>\r\n<\/tr>\r\n
      1996<\/td>\r\n80<\/td>\r\n4<\/td>\r\n<\/tr>\r\n
      1997<\/td>\r\n75<\/td>\r\n15<\/td>\r\n<\/tr>\r\n
      1998<\/td>\r\n60<\/td>\r\n30<\/td>\r\n<\/tr>\r\n
      1999<\/td>\r\n30<\/td>\r\n60<\/td>\r\n<\/tr>\r\n
      2000<\/td>\r\n15<\/td>\r\n80<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n \r\n\r\nPour l'\u00e9poque Netscape fut un navigateur excellent. Il a apport\u00e9 plusieurs innovations importantes :\r\n
        \r\n \t
      1. Le t\u00e9l\u00e9chargement<\/span><\/strong> des pages web \u00e0 la vol\u00e9e. Avec l\u2019internet tr\u00e8s lent de l\u2019\u00e9poque, la vitesse de navigation s\u2019en est trouv\u00e9e d\u00e9cupl\u00e9e. On n\u2019avait plus besoin d\u2019attendre le t\u00e9l\u00e9chargement complet de la page.<\/li>\r\n \t
      2. Les cookies<\/span><\/strong> permettant de stocker des informations entre chaque session pour \u00eatre r\u00e9utilis\u00e9es plus tard.<\/li>\r\n \t
      3. L\u2019invention du langage Javascript<\/span><\/strong> par Brendan Eich, le langage le plus utilis\u00e9 \u00e0 l\u2019heure actuel (site internet, serveur, applications mobile).<\/li>\r\n<\/ol>\r\nPour cr\u00e9er son navigateur Microsoft partit du navigateur Spyglass Mosaic<\/span><\/strong>\u00a0 d\u00e9velopp\u00e9 par l\u2019entreprise \u00ab Spyglass \u00bb.\r\n\r\nMicrosoft avait deux gros avantages par rapport \u00e0 Netscape qui lui permit de gagner la lutte:\r\n
          \r\n \t
        1. Plus de moyen et une plus grosse force de frappe pour cr\u00e9er un meilleur navigateur. Pour rappel Microsoft \u00e9tait une grosse entreprise informatique ayant un monopole<\/strong><\/span> dans les syst\u00e8mes d\u2019exploitations tandis qu\u2019en face on avait une petite entreprise. Gr\u00e2ce \u00e0 \u00e7a, Internet Explorer 4.0 fut plus rapide que son concurrent, et permit de jouer des fichiers MP3.<\/li>\r\n \t
        2. Microsoft finit par d\u00e9cider qu\u2019IE soit install\u00e9 d\u2019office sur son syst\u00e8me d\u2019exploitation Windows. Ce tr\u00e8s gros avantage a permis \u00e0 Internet Explorer de d\u00e9passer son rival.<\/li>\r\n<\/ol>\r\nCependant Netscape a d\u00e9cid\u00e9 de mettre la version de son navigateur en Open-Source<\/strong><\/span>. L'entreprise a cr\u00e9\u00e9 l\u2019organisation Mozilla.\u00a0 Elle a \u00e0 son tour cr\u00e9\u00e9 le navigateur Firefox<\/strong><\/span> toujours existant aujourd\u2019hui.\r\n

          L'arriv\u00e9e des navigateurs modernes la domination de Chrome<\/h3>\r\n \r\n\r\nInternet Explorer devint le navigateur le plus utilis\u00e9 partout dans le monde. Firefox cr\u00e9\u00e9 en 2004 commen\u00e7a doucement \u00e0 prendre des parts de march\u00e9.\r\n\r\nEn 2006, une grogne commen\u00e7a \u00e0 appara\u00eetre contre Microsoft et la 6\u00e8me<\/sup> version de son navigateur. Elle \u00e9tait sorti en 2001 et devenait de plus en plus obsol\u00e8te<\/strong><\/span>. Le non respect des standards du web de l\u2019\u00e9poque puis des probl\u00e8mes de s\u00e9curit\u00e9 commenc\u00e8rent \u00e0 lui porter pr\u00e9judice. Ces incidents permirent \u00e0 de nouveaux navigateurs web de se d\u00e9velopper comme Firefox, Safari (navigateur d'Apple) ou Opera.\r\n

          L'arriv\u00e9e du prochain mastodonte<\/h4>\r\nLe 2 septembre 2008, en pr\u00e9venant juste la vieille par la publication d\u2019une bande dessin\u00e9e Google, sortit son navigateur Chrome<\/strong><\/span> en b\u00eata. La version 1.0 fut lanc\u00e9e le 25 d\u00e9cembre 2008.\r\n\r\nPour d\u00e9velopper ses parts de march\u00e9 Google eut comme strat\u00e9gie :\r\n
            \r\n \t
          1. Un deal avec Sony pour avoir install\u00e9 Chrome par d\u00e9faut sur leurs machines.<\/li>\r\n \t
          2. D\u2019\u00e9normes efforts pour am\u00e9liorer la vitesse de navigation dans chaque nouvelle version. Par exemple ils ont beaucoup travaill\u00e9 sur leur moteur Javascript pour am\u00e9liorer les performances ou sur la gestion de la m\u00e9moire de leur logiciel.<\/li>\r\n<\/ol>\r\nGr\u00e2ce \u00e0 leurs efforts Chrome conquit rapidement des bonnes parts de march\u00e9.\r\n

            La mort de IE suivi par la domination de Chrome<\/h4>\r\nEn 2011 Microsoft lance Internet Explorer 9. Cette nouvelle version fut incompatible<\/strong><\/span> avec Windows XP, syst\u00e8me d\u2019exploitation encore \u00e9norm\u00e9ment utilis\u00e9. A cause de cette d\u00e9cision, beaucoup d\u2019utilisateurs d\u00e9cid\u00e8rent de migrer sur Chrome.\r\n\r\nFirefox profita des \u00e9garements de Microsoft avec son navigateur pour monter ses parts de march\u00e9 \u00e0 30% en 2010.\r\n\r\nPour finir, \u00e0 partir de 2012 Chrome devint le navigateur le plus utilis\u00e9 et avec des parts de march\u00e9 \u00e0 plus de 65%. Aujourd\u2019hui elles se situent \u00e0 pratiquement\u00a0 70%<\/strong><\/span> suivi par Safari \u00e0 20%. Les autres navigateurs se partagent des miettes. Une partie de ces chiffres s\u2019expliquent par l\u2019\u00e9mergence du mobile o\u00f9 Google avec \u00ab Andro\u00efd \u00bb et \u00ab Apple \u00bb avec \u00ab IOS \u00bb dominent et poussent leurs clients \u00e0 utiliser leur propre navigateur.\r\n\r\nToute cette \u00e9pop\u00e9e bouillonnante\u00a0 permit la naissance d\u2019un \u00e9cosyst\u00e8me int\u00e9ressant \u00e0 regarder comme la mise en place de standardisation de technologies communes et d\u2019un changement de consommation du web diff\u00e9rent des d\u00e9buts avec l\u2019\u00e9mergence des smartphones.<\/em>\r\n

            Les caract\u00e9ristiques des navigateurs internets modernes<\/h2>\r\n \r\n

            La standardisation du web moderne<\/h3>\r\n \r\n\r\nA l'heure actuelle nous avons plusieurs navigateurs qui interpr\u00e8tent du code html, css et javascript pour un r\u00e9sultat identique ou pratiquement.\r\n\r\nSi chaque navigateur avait une interpr\u00e9tation diff\u00e9rente du code re\u00e7u, le rendu des pages serait diff\u00e9rent. Pour un m\u00eame site internet, il pourrait \u00eatre clair et agr\u00e9able \u00e0 consulter sur un navigateur A et compl\u00e8tement illisible sur un navigateur B.\r\n\r\nPour \u00e9viter ce sc\u00e9nario catastrophique, la W3C<\/span><\/strong> a \u00e9t\u00e9 cr\u00e9\u00e9 tr\u00e8s rapidement . Elle d\u00e9finit des normes appel\u00e9s Recommandations<\/span><\/strong> pour que les navigateurs puissent interpr\u00e9ter le code des pages web et le rendre de mani\u00e8re homog\u00e8ne.\r\n\r\nComment les \u00ab Recommandations \u00bb sont-elles cr\u00e9\u00e9es et \u00e9voluent-elles ?\r\n
              \r\n \t
            1. Brouillon de travail : le standard est vu et comment\u00e9 par la communaut\u00e9.<\/li>\r\n \t
            2. Recommandation Candidate : la faisabilit\u00e9 du standard et de sa mise en \u0153uvre sont \u00e9tudi\u00e9es.<\/li>\r\n \t
            3. Recommandation Propos\u00e9e : on \u00e9tudie les retours des impl\u00e9mentations de cette recommandation faites par les utilisateurs puis on l\u2019envoie au \u00ab W3C Advisory Council\u00a0\u00bb <\/em>charg\u00e9e de faire la validation d\u00e9finitive.<\/li>\r\n \t
            4. Recommandation W3C : Ce standard a \u00e9t\u00e9 revu par beaucoup de personnes et bien test\u00e9 en profondeur. Maintenant il a \u00e9t\u00e9 adopt\u00e9 par la W3C et est appel\u00e9e \u00e0 \u00eatre impl\u00e9ment\u00e9 partout.<\/li>\r\n<\/ol>\r\nAvec le temps les impl\u00e9mentations par les diff\u00e9rents acteurs se font de mani\u00e8re fluide et rapide. Si une nouvelle recommandation est d\u00e9ploy\u00e9e par la W3C, les navigateurs l\u2019impl\u00e9menteront rapidement pour un r\u00e9sultat similaire. A l'heure actuelle, les navigateurs se mettent \u00e0 jour automatiquement<\/strong><\/span> donc les utilisateurs finaux profiteront de ces nouvelles \"recommandations\".\r\n\r\nCependant cela n\u2019a pas \u00e9t\u00e9 toujours aussi simple:\r\n
                \r\n \t
              1. Certains navigateurs mettaient du temps \u00e0 impl\u00e9menter les recommandations<\/li>\r\n \t
              2. Certaines vieilles versions \u00e9taient utilis\u00e9es. Le travail des d\u00e9veloppeurs s'en trouvait complexifi\u00e9.<\/li>\r\n<\/ol>\r\nUn site internet s'affichait correctement sur des navigateurs les plus r\u00e9cents mais devenait illisible sur une vieille version de navigateur toujours utilis\u00e9e. Internet Explorer 6 nous l'a bien montr\u00e9. Il est sorti en 2001 a eu des parts de march\u00e9 \u00e0 80-90% en 2002-2003 et \u00e9tait toujours utilis\u00e9 \u00e0 39% en 2009. Pendant de nombreuses ann\u00e9es, les d\u00e9veloppeurs devaient se compliquer la vie pour avoir un site visible sur ce vieux navigateur et sur les navigateurs modernes.\r\n\r\nTr\u00e8s t\u00f4t le site Acid2 proposant le \u00ab The Acid2 \u00bb a \u00e9t\u00e9 cr\u00e9\u00e9 pour v\u00e9rifier que les navigateurs impl\u00e9mentaient les bonnes r\u00e8gles. Son rempla\u00e7ant Acid3 a aussi \u00e9t\u00e9 cr\u00e9\u00e9 pour tester plus de r\u00e8gles r\u00e9centes.\r\n\r\nApr\u00e8s avoir vu la standardisation, il est int\u00e9ressant de se pencher comment un simple navigateur open-source Chromium a structur\u00e9 la majorit\u00e9 du web d\u2019aujourd\u2019hui.<\/em>\r\n

                Chromium<\/h3>\r\n \r\n\r\nVoici les principaux navigateurs aujourd\u2019hui\u00a0:\r\n\r\n\"\"\r\n\r\nComme on peut le constater 3 produits sont issus du navigateur open-source Chromium<\/strong><\/span>. Si vous souhaitez comprendre le fonctionnement des navigateurs modernes il est donc n\u00e9cessaire de comprendre Chromium.\r\n\r\nIl est \u00e9crit en C++<\/span><\/strong> et poss\u00e8de une architecture en multi-c\u0153ur<\/strong><\/span>. Il peut donc g\u00e9rer plusieurs t\u00e2ches en parall\u00e8le et ainsi avoir des performances am\u00e9lior\u00e9es.\r\n\r\nGoogle 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\u00e9veloppement de ce navigateur.\r\n\r\nQuelle est donc la diff\u00e9rence entre Chromium et les navigateurs qui l\u2019impl\u00e9mentent ? Prenons Google Chrome. M\u00eame s\u2019il se base sur Chromium, il poss\u00e8de des fonctionnalit\u00e9s qui lui sont propres comme :\r\n
                  \r\n \t
                1. Google update pour faire ses mises \u00e0 jour<\/li>\r\n \t
                2. La possibilit\u00e9 d'\u00eatre li\u00e9 \u00e0 un compte google<\/li>\r\n \t
                3. De nouvelles m\u00e9thodes d\u2019encodage (gestion des flux vid\u00e9os et audio sur internet)<\/li>\r\n \t
                4. Une meilleure performance<\/li>\r\n<\/ol>\r\n \r\n\r\nEn \u00e9tudiant l\u2019histoire des navigateurs on a vu que sa vitesse d\u2019ex\u00e9cution et le respect des bons standards ont permis \u00e0 certains de tirer leur \u00e9pingle du jeu tandis que d\u2019autres ont fini par sombrer.\r\n\r\nJe vous propose dans le prochain article<\/a><\/strong><\/span> de voir comment un navigateur peut \u00e0 partir du code re\u00e7u du serveur afficher de mani\u00e8re rapide et optimis\u00e9e une page web.","protected":false},"excerpt":{"rendered":"

                  Navigateur internet 2\/3   Le premier article de la trilogie des \u00ab Navigateurs Internet \u00bb nous a montr\u00e9 comment les navigateurs trouvaient le site internet \u00e0 afficher et comment ils s\u2019y connectaient de mani\u00e8re s\u00e9curis\u00e9e ou non. Maintenant il est int\u00e9ressant d\u2019\u00e9tudier son histoire commen\u00e7ant dans les ann\u00e9es 1990 et comment elle a pu influencer […]<\/p>\n","protected":false},"author":1,"featured_media":293,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4],"tags":[],"class_list":["post-231","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-back-to-basics","category-navigateur"],"_links":{"self":[{"href":"https:\/\/buildmytech.fr\/index.php\/wp-json\/wp\/v2\/posts\/231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buildmytech.fr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/buildmytech.fr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/buildmytech.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buildmytech.fr\/index.php\/wp-json\/wp\/v2\/comments?post=231"}],"version-history":[{"count":44,"href":"https:\/\/buildmytech.fr\/index.php\/wp-json\/wp\/v2\/posts\/231\/revisions"}],"predecessor-version":[{"id":323,"href":"https:\/\/buildmytech.fr\/index.php\/wp-json\/wp\/v2\/posts\/231\/revisions\/323"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buildmytech.fr\/index.php\/wp-json\/wp\/v2\/media\/293"}],"wp:attachment":[{"href":"https:\/\/buildmytech.fr\/index.php\/wp-json\/wp\/v2\/media?parent=231"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buildmytech.fr\/index.php\/wp-json\/wp\/v2\/categories?post=231"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buildmytech.fr\/index.php\/wp-json\/wp\/v2\/tags?post=231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}