Le robot illustrant Firefox 3.5 RC, nom de code Shiretoko
La nouvelle version de Firefox – qui sortira dans les jours à venir – s'appelle 3.5, de façon à ce que les utilisateurs réalisent qu'il ne s'agit pas ici d'une version très différente (malgré l'ajout de la gestion de la vie privée, l'augmentation de la vitesse de chargement, le détachement d'un onglet, la géolocalisation etc.). Par contre, pour le développeur Web, Firefox 3.5 représente un pas de géant, dont voici quelques améliorations listées rapidement (plus de détails sur l'article Firefox 3.5 for developers :
- HTML5 <video> and <audio> avec Ogg Vorbis et Theora
- HTML5 Offline Storage and Applications
- HTML5 Canvas Graphics dont le très pratique createImageData() ;
- HTML5 Drag-and-Drop
- Geolocation
- Web Worker Threads
- CSS Web Fonts
- CSS Transforms (W3C Working Draft)
- CSS Media Queries
- SVG Graphic Filters
- ICC Color Profiles
- Native JSON parsing.
Tout cela fait beaucoup de doc à lire, et c'est pour cela que le blog Hacks.mozilla.org publie chaque jour pendant 35 jours des démos et des articles (sauf le dimanche !).
J'ai sélectionné pour les lecteurs du Standblog quelques démos fort sympathiques qui démontrent qu'avec Firefox 3.5 et les autres navigateurs modernes, on dispose d'une plateforme de développement qui fait un immense bond en avant. A essayer avec Firefox 3.5 Release Candidate, en attendant la sortie de la version finale, qui devrait équiper rapidement plus de 300 millions d'utilisateurs...
- Dynamic Content Injection. Ou comment utiliser un moteur JavaScript rapide pour analyser le contenu d'une vidéo (native en Ogg Theora) en temps réel et afficher sur la vidéo, avec des coordonnées variables un contenu Web à la demande de l'utilisateur ;
- Isocube, ou comment utiliser CSS de façon créative, y compris pour une vidéo qui n'est donc plus rectangulaire ;
- Ajustement contraste et luminosité d'une image via Canvas et un moteur JavaScript rapide. On arrive ici à avoir de l'ordre de 10 images par seconde avec Firefox 3.5 là où Firefox 3 était 6 fois plus lent et Firefox 2 était 45 fois plus lent. Autrement dit, le moteur TraceMonkey rend possible toute une classe d'applications qui n'aurait pu exister auparavant, car trop lentes. Je vous encourage à tester cette démo sous Firefox 3.5, 3.0, Chrome 2.0 et Safari 4 et à publier ci-dessous le résultat que vous mesurez (c'est le chiffre "Frames Per Sec" dans la page).
- 10 Great Free Fonts for @font-face embedding. Firefox 3.5 permet l'intégration de polices de caractères téléchargeables dans les pages Web. La typographie a enfin le droit de cité sur le Web !!!
- Géolocalisation par Flickr (cliquez sur "trouver ma position"/"find my location").
23 réactions
1 De Arcade - 25/06/2009, 16:32
Faute d'orthographe :
"qui devrait équiper rapidement plus de 300 millions d'utuilisateurs"
-> utilisateurs
2 De M - 25/06/2009, 17:35
fps : 1.1299435028248588 pour un firefox 3.0.11 sous Linux (Ubuntu 9.04, 64bits)
3 De Tristan - 25/06/2009, 17:55
@Arcade : c'est corrigé, merci !
@M : pas mal du tout ! Que donnent les autres moteurs ? (tu as sûrement un navigateur à base de Webkit/KHTML)
4 De eleg - 25/06/2009, 18:21
fps: ~10,3 - Vista Pro / Vaio VGN-Z21WN (boulot)
5 De Max - 25/06/2009, 18:33
Si seulement le reste des navigateurs avaient le même désir d'ouverture...
Nous, on va utiliser ca :
1) HTML5 <video> and <audio> avec Ogg Vorbis et Theora
Le top, aujourd'hui le seul choix raisonnable cross platform étant flash, un petit test sur le user agent et on a une vraie alternative. Deux bemols :
- FLV+Flash VM est moins riche en terme de contrôle du media (de loin) mais plus fluide pour une utilisation courante (streaming rtmp) sur un CPU faiblard.
- La gestion du full screen (genre full browser screen + F11). C'est dans la roadmap ?
2) HTML5 Offline Storage and Applications
Terrible, c'est un vrai gap pour les navigateurs modernes
3) Geolocation
Possibilités sans fin même si je pense que c'est surtout la pub et les réseaux sociaux qui vont s'en servir.
4) CSS Web Fonts
On se demande comment on a pu vivre sans vu qu'un navigateur sert quand même principalement a afficher des documents. Pour monsieur tout le monde, ca sera la façon de s'apercevoir qu'il a un navigateur récent. (pourquoi c'est moche chez moi et joli chez toi ?)
Je suis curieux de voir les premiers a se lancer sur csszengarden
5) Native JSON parsing.
Une ligne de javascript pour améliorer les perfs, ca ne se refuse pas.
Pour le canvas, pendant quelques années encore, le décollage du canvas est fortement dépendant d'un choix stratégique de Microsoft pour ceux qui font du B2C. Pour les flottes captives, pourquoi pas ?
6 De edouardp - 25/06/2009, 18:51
Malheureusement, beaucoup de ces fonctionnalités ne sont pas disponibles sur l'autre gros navigateur (mais si vous voyez bien, le "e" tout bleu !) et cela risque donc de bloquer beaucoup de développeurs dans leur démarche (après tout, les clients veulent que le site web soit ouvert au plus grand public possible). J'espère que dans quelques mois/années on rigolera bien de tous ces problèmes de compatibilité...
7 De Michaël - 25/06/2009, 19:00
Quelques tests sur Mac OS X :
– Safari 4 oscille entre 3 et 4 fps, de même qu’une récente version nightly de WebKit. C’est étonnamment peu !
– Opera 9.63 monte péniblement à 0.75 fps. J’imagine que leur version 10, actuellement en bêta, fait beaucoup mieux (à confirmer).
– Firefox 3.5 RC 2 monte à 9 fps (mais j’ai actuellement 141 onglets ouverts. Oui, ce chiffre est véridique. Et oui, je suis dingue, je sais :D )
Si quelqu’un dispose d’une nightly de Chromium sur OS X, il serait intéressant de faire le test.
8 De Shivaan - 25/06/2009, 19:13
Mon test de contraste :
Firefox 3.5 RC3 : 7.7519 FPS
Chrome 2 : 2.4509 FPS
Opera 9.64 : 1.4224 FPS
Safari 4.0 : 5.1813 FPS
Internet Explorer 8 : mouahaha, marche même pas
Vive Firefox \o/
9 De Olivier B. - 25/06/2009, 19:18
Sur mon PC de bureau (core2duo E8200, Debian testing/Squeeze 64bits) ça donne :
- Iceweasel 3.0.9 (Firefox via xulrunner) : entre 2 et 2.1 fps.
- Epiphany 2.26.1 via gecko-1.9 : entre 1.9 et 2 fps.
- Epiphany 2.27.3 via webkit : entre 10 et 12.5 fps.
Vivement la sortie de cette version 3.5 !
10 De TOnin - 25/06/2009, 19:38
fps : 0.35 Opera/9.64 (X11; Linux i686; U; fr) Presto/2.1.1
fps : 3.2 Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.1) Gecko/20090624 Firefox/3.5
Le tout sur AMD Athlon(tm) XP 2400+ (2GHz - avec Mandriva Linux 2009.0)
(ça pourrait être parfait si la page ne nous encombrait pas avec des chiffres non significatifs)
En tout cas c'est chouette tout ça, ça chatouille l'imagination. Superbe !
11 De Benjamin G. - 25/06/2009, 20:32
> l'augmentation de la vitesse de chargement,
On dit pas plutôt "Diminution du temps de chargement" ?
12 De Robin - 25/06/2009, 21:39
Sous Vista (:'() 32 bits, Firefox 3.0.11 : Frames Per Sec: 1.5408320493066257
Je suis étonné d'aller plus vite qu'une Ubuntu en 64bits, est-ce que la présence (ou moindre présence en l'occurence) d'extensions joue sur le résultat ?
13 De Grégoire Lannoy - 25/06/2009, 22:17
+/- 0.22 : Mozilla/5.0 (Macintosh; U; PPC Mac OS X 10.4; en-US; rv:1.9.0.11) Gecko/2009060214 Firefox/3.0.11
Je vois sur d’autres moteur de rendu ce soir (enfin le ce soir montréalais).
14 De SLMitch - 25/06/2009, 23:04
Bonjour,
Sous debian sid, carte ATI 9700pro, driver libre
fps, avec profil par défaut, test animation réalisé 3 fois, je donne la moyenne
Opera 9.6 : 0.46
konqueror 4.2.2 : 0.55
Epiphany-gecko(1.9) 2.26.1 : 0.58
iceweasel 3.0.9 : 0.65
Epiphany-webkit 2.27.3: 1.9
firefox 3.1 beta2 : 2.9
firefox 3.5 RC : 3.5
15 De Max - 26/06/2009, 00:07
fps
Safari 4 : 2.31
Chrome 2 : 2.43
FF 3.5 : 8.19
FF 3.0 : je l'ai plus
IE8 : 115 !!!
Ah non! erreur ligne 115
16 De Antoinea101 - 26/06/2009, 07:04
Pour Safari 4.0 j'ai 2.0964360587002098 FPS.
17 De marko_ - 26/06/2009, 08:26
Windows X64 - Phenom X3 8650
fps: 0.7917656373713381 pour FF 3.0.11
fps: 2.247191011235955 pour Chrome 2
fps: 2.8180921516133575 pour Safari 4
une astuce pour installer la 3.5 sans écraser mon profil et mes extensions de la 3.0 ?
18 De Omnisilver - 26/06/2009, 09:48
@ marko_ : oui, ici : http://www.geckozone.org/forum/view...
19 De Schmorgluck - 26/06/2009, 10:03
Je me suis récemment demandé (pas trop sérieusement) si cette version n'était pas par hasard numérotée 3.5 par référence à Donjons&Dragons, qui a eu aussi une version 3.5, et le tout en hommage à Gary Gygax, mort l'année dernière. Je n'y crois pas vraiment, mais avec les nerds on ne sait jamais. Une position officielle sur cette théorie, Tristan ?
20 De Vu - 26/06/2009, 10:04
La localisation c'est pas mal qu'elle soit bloqué par défaut, la page explicative et la petite barre qui apparaît est bien pensée, l'explication est clair. Résultat je sais pourquoi il s'est trompé de ville. J'imagine que dans l'avenir cela s'améliorera.
Par contre j'aurais vu le contrôle (activation/désactivation) dans outils > option avec un nouveau onglet géolocalisation et la liste des sites que j'ai refusé/autorisé car revenir sur chaque site c'est lourd et la configuration par about:config c'est pour les geeks (hélas). Et le choix d'un autre service que Google Location Services. J'imagine qui ne doit pas avoir beaucoup d'autres actuellement mais il faut le permettre.
Par contre quand utilise la navigation privée il a oublié les paramètres de géolocalisation et je suis un nouveau, c'est bien.
Vista 32 bits sp2 Firefox 3.5 (20090624) fps: 8.333333333333334 (cela joue la qualité de la connexion? car je suis loin du spot wifi )
IE 8 rien même en affichage compatible
21 De Stéphane - 26/06/2009, 13:55
Je dois avoir un souci avec ma version :
Mozilla/5.0 (X11; U; Linux x86_64; fr; rv:1.9.1) Gecko/20090619 Remi/fc10 Firefox/3.5
fps : 2.1598272138228944
Je suis aussi lent que Safari ou Chrome avec ma version de FF 3.5, qui est sensée être une version "packagée" de la RC2 :/
22 De patfrat - 27/06/2009, 01:05
Deux choses que j'attends avec une réelle impatience en tant que développeur web, web administrateur etc ...
Google Wave et Firefox3.5 avec lequel je suis en train de rédiger ce commentaire
Pourquoi je parle de Google Wave, parce que, de ce que j'en ai compris en visionnant les vidéos du Google I/O 2009, c'est que Google Wave utiliserai les nouveautés HTML5 (glisser déposer, ...) et wahou, félicitations pour l'honneur fait à Mozilla par Vic Gundotra devant le très ému Jay Sulllivan (voir Google I/O 2009 Keynote, pt. 5)
Sinon, j'entreprends en ce moment de réaliser toute une série de démos HTML5/CSS3 en commençant par la démo one qui sera un fourre-tout de toutes les démos que l'on peut trouver sur le net.
http://www.creafrat.com/html5/one/i...
Démos embryonnaire pour le moment car je bute sur quelques points et surtout, j'en profite pour apprendre et comprendre plutôt que de copier/coller ...
Pour faire court, voici ces quelques points qu'il faudra que je poste à l'équipe de développeurs de Firefox3.5.
- Le support des <video> semble être dépendant de la configuration du serveur; je n'arrive pas en local ou chez mon hébergeur à afficher la vidéo ogv chopée sur http://hacks.mozilla.org/2009/06/tr...
- Le support des dégradés (gradient) par Firefox ? En suivant cet exemple : http://www.zurb.com/article/266/sup... le dégradé alpha sur les boutons est réalisé avec un png ... dans ma démo,
çà ne fonctionne pas sur Firefox3.5 mais sous Google Chrome oui.
- Et pourquoi -moz pour Mozilla et -webkit pour Safari/Chrome ... ??? Pourquoi cette distinction pour les attributs CSS3 ? Ne devrions-nous pas tendre vers un support standardisé du web ? Là, on est obligé de doubler certaines lignes dans la feuille de style !
Sinon, vivement la version officielle 3.5, je vais la faire installer sur tous les postes au boulot
23 De Sardem FF7 - 27/06/2009, 07:27
Quelques test !
Firefox 3.5b4 sous Fedora 11 (x86_64)
(Mozilla/5.0 (X11; U; Linux x86_64; fr; rv:1.9.1b4) Gecko/20090427 Fedora/3.5-0.20.beta4.fc11 Firefox/3.5b4)
1.8450184501845017
1.9016829894456593
1.9978024173409252
1.9596315892612186
1.9481784531463082
Epiphany 2.26.2 / Gecko 1.9
(Mozilla/5.0 (X11; U; Linux x86_64; en; rv:1.9.1b4) Gecko/20080528 Fedora/2.26.2-1.fc11 Epiphany/2.22 Firefox/3.5)
2.05761316872428
1.9792182088075212
1.9805902158843334
2.002803925495694
1.9702492365284208
Konqueror 4.2.4
(Mozilla/5.0 (compatible; Konqueror/4.2; Linux) KHTML/4.2.4 (like Gecko) Fedora/4.2.4-2.fc11)
1.0471204188481678
0.8650893204723388
0.8644536652835407
0.884016973125884
0.8761938140716726
Liferea (lecteur de flux RSS) 1.6rc5
(Mozilla/5.0 (X11; U; Linux x86_64; fr-fr) AppleWebKit/528.5+ (KHTML, like Gecko, Safari/528.5+) liferea)
5.347593582887701
2.7785495971103087
2.8555111364934325
2.7758501040943786
2.6260504201680672
Les 4 concurrents du E bleu dans une machine Virtuelle XP
Opera 10b
(Opera/9.80 (Windows NT 5.1; U; en) Presto/2.2.15 Version/10.00)
1.2180267965895248
1.0434056761268782
1.0495932826029912
1.059490385124755
1.0539629005059021
Safari 4b
6.944444444444444
2.664890073284477
2.6602819898909282
2.7074590496818733
2.691427802449199
Google Chrome 2.0.172.33
1.8710824211806532
1.611733419292449
1.7204301075268817
1.7340038148083927
1.7287578874578615
Firefox 3.5rc2
(Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.1) Gecko/20090616 Firefox/3.5)
1.5797788309636651
1.2897401173663507
1.356208042313691
1.3533631073216945
1.2749410339771787
Firefox dans les deux cas est lancé en safe-mode, les autres navigateurs sont en configuration par défaut. Internet Explorer ne veut pas ouvrir la page (quand il ne plante pas tout simplement).
La machine virtuelle est lancé avec VirtualBox sur un .vdi de 45Go, 1Go RAM lui est alloué, sur les 4Go du PC. Accélération 3D activée, VT-x aussi.
Interface graphique Compiz/Cairo-dock entièrement en OpenGL (frole les 0% d'utilisation CPU).
Liferea semble utiliser WebKit (théoriquement il devrait utiliser Gecko, je viens de passer en 1.6 peut-être que WebKit est par défaut).
Conclusion : Firefox n'est pas le premier, chez moi. Mais ça ne m'empêchera pas de l'utiliser !