{"id":96,"date":"2008-09-03T19:04:49","date_gmt":"2008-09-03T17:04:49","guid":{"rendered":"http:\/\/www.degraphiks.com\/blog\/?p=96"},"modified":"2008-09-04T10:03:22","modified_gmt":"2008-09-04T08:03:22","slug":"du-nouveau-sur-la-planete-google-web","status":"publish","type":"post","link":"http:\/\/degraphiks.com\/blog\/du-nouveau-sur-la-planete-google-web\/","title":{"rendered":"Du nouveau sur la plan\u00e8te Google (web ?)"},"content":{"rendered":"

Apr\u00e8s quelques mois d\u2019at\u00adtente (pour les per\u00adsonnes bien infor\u00adm\u00e9es dont je ne fait pas par\u00adtie -d\u00e9sol\u00e9-), Google sort sont navi\u00adga\u00adteur bap\u00adti\u00ads\u00e9 \u00ab Chrome<\/a> \u00bb.<\/p>\n

L\u2019ar\u00adri\u00adv\u00e9e d\u2019un nou\u00adveau navi\u00adga\u00adteur pour\u00adrait pas\u00adser pour quelque chose de tout \u00e0 fait ano\u00addin ; mais l\u00e0, ce n\u2019est pas n\u2019im\u00adporte qui qui se lance dans l\u2019a\u00adven\u00adture mais la m\u00e9ga entre\u00adprise du net : Google. Et for\u00adc\u00e9\u00adment \u00e7a change pas mal de choses, car connais\u00adsant la puis\u00adsance que repr\u00e9\u00adsente cette entre\u00adprise pour Inter\u00adnet, le fait qu\u2019elle pr\u00e9\u00adsente son propre buti\u00adneur va faire \u00e0 terme du bruit (ce billet en est la modeste preuve).<\/p>\n

 <\/p>\n

Actuel\u00adle\u00adment, l\u2019h\u00e9\u00adg\u00e9\u00admo\u00adnie d\u2019IE est mal\u00adme\u00adn\u00e9e r\u00e9gu\u00adli\u00e8\u00adre\u00adment<\/a> par divers acteurs du mar\u00adch\u00e9, comme Fire\u00adfox, Safa\u00adri, Ope\u00adra ; avec des \u00ab part de mar\u00adch\u00e9 \u00bb en constante pro\u00adgres\u00adsion (m\u00eame modestes). IE est aus\u00adsi mal\u00adme\u00adn\u00e9 par les concep\u00adteurs de site web, car m\u00eame dans sa der\u00adni\u00e8re mou\u00adture finale (ver\u00adsion 7), IE est une plaie pour les cr\u00e9a\u00adteurs res\u00adpec\u00adtueux des stan\u00addards. IE est aus\u00adsi affu\u00adbl\u00e9 d\u2019une cer\u00adtaine len\u00adteurs (pas au lan\u00adce\u00adment ; mais \u00e0 la navi\u00adga\u00adtion, \u00e0 l\u2019in\u00adter\u00adpr\u00e9\u00adta\u00adtion du javas\u00adcript\u2026) et que com\u00adpa\u00adr\u00e9 \u00e0 lui, Fire\u00adfox 3 et Safa\u00adri 3 font figures de drag\u00adsters et c\u2019est sans par\u00adler des trous de s\u00e9cu\u00adri\u00adt\u00e9 qui le par\u00ads\u00e8mes (m\u00eame s\u2019ils sont moins nom\u00adbreux que cer\u00adtains de ses concur\u00adrents, ils n\u2019en res\u00adtent pas moins plus dangereux).<\/p>\n

Chrome arrive donc dans une p\u00e9riode o\u00f9 la concur\u00adrence fait rage dans les pr\u00e9\u00adten\u00addants au tr\u00f4ne de meilleur navi\u00adga\u00adteur ; m\u00eame si cette com\u00adp\u00e9\u00adti\u00adtion se fait avec un cer\u00adtain fair-play puisque c\u2019est l\u2019ex\u00adp\u00e9\u00adrience uti\u00adli\u00adsa\u00adteur qui est mise en avant.<\/p>\n

Les entrailles de la b\u00eate.<\/span><\/h2>\n

Dans les faits, Chrome, repose sur une base connue \u00e0 savoir le moteur d\u2019in\u00adter\u00adpr\u00e9\u00adta\u00adtion HTML issus de chez Apple : Web\u00adKit. Ce moteur open-source est d\u00e9j\u00e0 uti\u00adli\u00ads\u00e9 par plu\u00adsieurs acteurs du mar\u00adch\u00e9, comme Google (dans son sys\u00adt\u00e8me embar\u00adqu\u00e9 \u2013 Andro\u00efd \u2013 pour les t\u00e9l\u00e9\u00adphones por\u00adtables), Nokia, et d\u2019autres dont j\u2019ai oubli\u00e9 les noms. En effet, ce moteur a \u00e9t\u00e9 choi\u00adsi pour son tr\u00e8s bon ren\u00addu des pages et la pro\u00adpre\u00adt\u00e9 de son code source, d\u2019a\u00adpr\u00e8s les experts (dont je ne fait pas par\u00adtie, car comme disent cer\u00adtains copains \u00ab quand tu seras expert\u2026 tu seras expert ! \u00bb) en com\u00adpa\u00adrai\u00adson avec l\u2019autre grand moteur open-source, j\u2019ai nom\u00adm\u00e9 Gecko (sous le capot de Firefox).<\/p>\n

Deux autres carac\u00adt\u00e9\u00adris\u00adtiques int\u00e9\u00adres\u00adsantes sont \u00e0 noter aus\u00adsi. La pre\u00admi\u00e8re est qu\u2019il uti\u00adlise un moteur d\u2019in\u00adter\u00adpr\u00e9\u00adta\u00adtion JavaS\u00adcript pro\u00adduit en interne par une \u00e9quipe de pro\u00adgram\u00admeurs Danois sp\u00e9\u00adcia\u00adlistes des machines vir\u00adtuelles. Cet inter\u00adpr\u00e9\u00adteur, bap\u00adti\u00ads\u00e9 V8  est mul\u00adti\u00adthread (comme Web\u00adKit d\u2019ailleurs, une autre rai\u00adson d\u2019a\u00advoir choi\u00adsi ce moteur pour le HTML) c\u2019est-\u00e0-dire qu\u2019il est capable de trai\u00adter paral\u00adl\u00e8\u00adle\u00adment plu\u00adsieurs scripts en les com\u00adpi\u00adlant \u00e0 la vol\u00e9 pour en acc\u00e9\u00adl\u00e9\u00adrer l\u2019ex\u00e9\u00adcu\u00adtion et aus\u00adsi assu\u00adrer l\u2019in\u00add\u00e9\u00adpen\u00addances des t\u00e2ches en cas de probl\u00e8me.<\/p>\n

Cette approche est tr\u00e8s impor\u00adtante car elle gou\u00adverne tout le fonc\u00adtion\u00adne\u00adment de ce navi\u00adga\u00adteur, chaque page est un pro\u00adces\u00adsus ind\u00e9\u00adpen\u00addant des autres pages \u00e9ven\u00adtuel\u00adle\u00adment affi\u00adch\u00e9es dans d\u2019autres onglet ou fen\u00eatre et qu\u2019en cas de plan\u00adtage d\u2019une page, le reste du navi\u00adga\u00adteur n\u2019en n\u2019est pas affec\u00adt\u00e9, mieux chaque page\/onglet n\u2019empi\u00e8te pas en terme de pro\u00adces\u00adsus sur ses voi\u00adsines et donc assure une meilleure flui\u00addi\u00adt\u00e9 \u00e0 l\u2019en\u00adsemble de l\u2019ap\u00adpli\u00adca\u00adtion. Alors certes ceci se fait au d\u00e9tri\u00adment de l\u2019oc\u00adcu\u00adpa\u00adtion m\u00e9moire ; Chrome est plus gour\u00admand que ces concur\u00adrents ; mais la qua\u00adli\u00adt\u00e9 per\u00ad\u00e7ue est bien l\u00e0 !<\/p>\n

Pour les cou\u00adpeurs de che\u00adveux en plu\u00adsieurs (dont je fait par\u00adtie, cette fois !) Chrome pro\u00adpose de visua\u00adli\u00adser les dif\u00adf\u00e9\u00adrentes t\u00e2ches qu\u2019il est en train d\u2019ac\u00adcom\u00adplir mais aus\u00adsi de les \u00ab tuer \u00bb en cas de probl\u00e8me !<\/p>\n

 <\/p>\n

\"Fen\u00eatre<\/a>

Fen\u00eatre des t\u00e2ches dans Chrome<\/p><\/div>\n

En cli\u00adquant sur \u00ab sta\u00adtis\u00adtiques avan\u00adc\u00e9es \u00bb on acc\u00e8de m\u00eame dans un onglet du navi\u00adga\u00adteur \u00e0 toutes les occu\u00adpa\u00adtions m\u00e9moires de tous les navi\u00adga\u00adteurs lan\u00adc\u00e9s au m\u00eame ins\u00adtant sur la b\u00e9cane, ce qui per\u00admet de voir que IE s\u2019en sort tr\u00e8s bien (nor\u00admal une par\u00adtie de son fonc\u00adtion\u00adne\u00adment est assu\u00adr\u00e9 par le sys\u00adt\u00e8me lui-m\u00eame\u2026). Vient ensuite Fire\u00adfox, puis Safa\u00adri, et enfin Chrome (d\u00e9so\u00adl\u00e9 pour les fans d\u2019o\u00adp\u00e9\u00adra, je viens juste de r\u00e9ins\u00adtal\u00adler ma vir\u00adtua\u00adli\u00adsa\u00adtion de Win\u00addaube), je pr\u00e9\u00adcise que sur chaque navi\u00adga\u00adteur, j\u2019ai ouvert deux onglets avec un site fai\u00adsant un usage inten\u00adsif de JavaScript.<\/p>\n

 <\/p>\n

\"Comparaison<\/a>

Com\u00adpa\u00adrai\u00adson des besoins m\u00e9moire entre navigateurs<\/p><\/div>\n

 <\/p>\n

 <\/p>\n

Qu\u2019en est il de la rapi\u00addi\u00adt\u00e9 \u00e0 char\u00adger des pages ? H\u00e9 bin\u2026 \u00e7a trace sec ! <\/p>\n

Dans l\u2019ordre d\u00e9crois\u00adsant de rapi\u00addi\u00adt\u00e9 : Chrome\/Safari (jeu \u00e9gal), Fire\u00adfox et bon der\u00adnier IE. J\u2019au\u00adrais m\u00eame ten\u00addance \u00e0 dire que Chrome est plus rapide.<\/p>\n

Au niveau de l\u2019interface.<\/span><\/h2>\n

On retrouve dans le desi\u00adgn ce que cer\u00adtains aiment dans les \u00ab applis \u00bb en ligne de Google. C\u2019est clean et bleu.<\/p>\n

\"L'interface<\/a>

L\u2019in\u00adter\u00adface de Chrome<\/p><\/div>\n

M\u00eame sous XP, on retrouve les bou\u00adtons au style Vis\u00adta dans le coin sup\u00e9\u00adrieur droit, et on constate qu\u2019il n\u2019y a pas de champ de recherche \u00e0 la droite de la barre d\u2019a\u00addresse, vue que celle-ci sert \u00e0 la fois de barre d\u2019a\u00addresse et de champs de recherche (on est chez Google ne l\u2019ou\u00adblions pas !). Pas de menu d\u2019ap\u00adpli\u00adca\u00adtion comme les applis win\u00addows stan\u00addard mais deux bou\u00adtons \u00e0 droite de la barre d\u2019a\u00addresse qui donnent acc\u00e8s aux dif\u00adf\u00e9\u00adrentes fonc\u00adtions du logi\u00adciels (pr\u00e9\u00adf\u00e9\u00adrences et tout le tou\u00adtim). On acc\u00e8de par se biais aus\u00adsi \u00e0 la navi\u00adga\u00adtion pri\u00adv\u00e9e bien connue sous Fire\u00adfox et Safa\u00adri (dans ce mode, le navi\u00adga\u00adteur, ne garde pas d\u2019his\u00adto\u00adrique, pas de variables de ses\u00adsions et cookies en cas de fer\u00adme\u00adture de la fen\u00eatre\/onglet). On peut aus\u00adsi cr\u00e9er des fen\u00eatres ind\u00e9\u00adpen\u00addantes \u00ab d\u2019ap\u00adpli\u00adca\u00adtion \u00bb pour ceux qui uti\u00adlisent cou\u00adram\u00adment des applis comme Gmail ou Goo\u00adgle\u00adDoc, ain\u00adsi on se retrouve avec un rac\u00adcour\u00adci (au choix sur le bureau ou dans le menu \u00ab D\u00e9mar\u00adrer \u00bb) qui lance l\u2019ap\u00adpli\u00adca\u00adtion choi\u00adsie dans une fen\u00eatre Chrome d\u00e9pouill\u00e9 (sans barre d\u2019a\u00addresse, onglet, bou\u00adtons divers\u2026).<\/a><\/p>\n

Il s\u2019a\u00adgit ni plus ni moins que l\u2019in\u00adt\u00e9\u00adgra\u00adtion dans Chrome de la tech\u00adno\u00adlo\u00adgie Gears<\/a> ini\u00adti\u00e9e par Google en d\u00e9but de cette ann\u00e9e et qui per\u00admet d\u2019a\u00advoir dans une fen\u00eatre \u00ab nor\u00admale \u00bb une appli\u00adca\u00adtion en ligne.<\/p>\n

Donc glo\u00adba\u00adle\u00adment, je dis que pour une appli\u00adca\u00adtion win\u00addows, c\u2019est pas mal, c\u2019est simple et assez intui\u00adtif et \u00e7a rap\u00adpel cer\u00adtains th\u00e8mes que l\u2019on peu trou\u00adver sous Linux avec Gnome, si ce n\u2019est que les \u00e9l\u00e9\u00adments d\u2019in\u00adter\u00adface win\u00addows (les ascen\u00adseurs notam\u00adment) sont tou\u00adjours aus\u00adsi moches\u2026<\/p>\n

Et pour les d\u00e9veloppeurs de sites ?<\/span><\/h2>\n

Comme Safa\u00adri, Chrome pos\u00ads\u00e8de un lot assez bien fou\u00adtus d\u2019ou\u00adtils d\u2019a\u00adna\u00adlyse et de debu\u00adgage du code HTML et JavaS\u00adcript. Certe, on est encore loin de ce que peu offrir Fire\u00adfox avec la barre web deve\u00adlo\u00adper<\/a> et sur\u00adtout Fire\u00adbug<\/a> ; mais c\u2019est d\u00e9j\u00e0 \u00e7a !<\/p>\n

Et le Mac dans tout \u00e7a !?<\/span><\/h2>\n

Pour l\u2019ins\u00adtant, effec\u00adti\u00adve\u00adment, seule la ver\u00adsion win\u00addows est dis\u00adpo. Mais selon Aman\u00adda Wal\u00adker (une Soft\u00adware Engi\u00adneer de chez Google) ils y tra\u00advaillent<\/a> (et pas que sur la ver\u00adsion Mac) afin de l\u2019in\u00adt\u00e9\u00adgrer au mieux dans l\u2019OS. En tout cas, c\u2019est \u00e0 n\u2019en pas dou\u00adter une appli\u00adca\u00adtion qui sera tr\u00e8s atten\u00addue sur Mac m\u00eame si je pense que l\u2019in\u00adt\u00e9\u00adr\u00eat est moindre car Safa\u00adri est (c\u2019est un peu le mini\u00admum syn\u00addi\u00adcal) tr\u00e8s bien int\u00e9\u00adgr\u00e9 dans le sys\u00adt\u00e8me, est aus\u00adsi rapide, bien\u00adt\u00f4t com\u00adpa\u00adtible avec Gears (et on peut d\u00e9j\u00e0 faire des WebS\u00adnap sous Leo\u00adpard) et le moteur JavaS\u00adcript va \u00eatre encore opti\u00admi\u00ads\u00e9 pour la pro\u00adchaine ver\u00adsion majeure (et casse d\u00e9j\u00e0 la baraque dans les betas actuelles)\u2026 Mais c\u2019est dors et d\u00e9j\u00e0 une appli\u00adca\u00adtion \u00e0 avoir sous Win\u00addows car elle apporte un peu de sang neuf !<\/p>\n

Et pour celles et ceuses qui lisent Sha\u00adkes\u00adpeare dans le texte, Google \u00e0 mis en ligne une int\u00e9\u00adres\u00adsante et tr\u00e8s bien faite petite BD,<\/a> qui explique avec force des\u00adsins (c\u2019est une BD\u2026) la gen\u00e8se de Chrome<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Apr\u00e8s quelques mois d\u2019at\u00adtente (pour les per\u00adsonnes bien infor\u00adm\u00e9es dont je ne fait pas par\u00adtie -d\u00e9sol\u00e9-), Google sort sont navi\u00adga\u00adteur bap\u00adti\u00ads\u00e9 \u00ab Chrome \u00bb. L\u2019ar\u00adri\u00adv\u00e9e d\u2019un nou\u00adveau navi\u00adga\u00adteur pour\u00adrait pas\u00adser pour quelque chose de tout \u00e0 fait ano\u00addin ; mais l\u00e0, ce n\u2019est pas n\u2019im\u00adporte qui qui se lance dans l\u2019a\u00adven\u00adture mais la m\u00e9ga entre\u00adprise du net : Google. [\u2026]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"wp_typography_post_enhancements_disabled":false,"jetpack_post_was_ever_published":false,"footnotes":""},"categories":[2,7],"tags":[38,22,37],"class_list":["post-96","post","type-post","status-publish","format-standard","hentry","category-informatique","category-web","tag-google","tag-internet","tag-navigateurs"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p2W6XU-1y","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/posts\/96","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/comments?post=96"}],"version-history":[{"count":13,"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/posts\/96\/revisions"}],"predecessor-version":[{"id":102,"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/posts\/96\/revisions\/102"}],"wp:attachment":[{"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/media?parent=96"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/categories?post=96"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/tags?post=96"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}