Comparatif moteurs de rendu navigateurs FF, IE, Opera, Safari
Avec le web en pleine expansion, 2008 s’annonce comme l’année des navigateurs nouvelle génération et multi-plateformes. Les technologies se développent, s’améliorent, s’enrichissent et se diversifient au profit de l’utilisateur et du développeur.
Les navigateurs
A l’heure actuelle, 4 navigateurs sortent du lot de tous ceux existant, et se renouvellent cette année.
Ces navigateurs sont :
- Firefox
- Internet Explorer
- Safari
- Opera
Alors qu’Internet Explorer 7 peine à convaincre la moitié des utilisateurs d’Internet Explorer 6, Microsoft a annoncé le développement d’Internet Explorer 8, dont la sortie est prévue pour la fin de l’année 2008.
Pendant ce temps, alors que Firefox 1.5 a presque disparu de la plupart des ordinateurs et que Firefox 2.0 augmente de plus en plus ses parts de marché, Mozilla développe Firefox 3, dont la sortie est prévue pour Juin 2008.
Dans le même temps, Apple tente de percer le marché des navigateurs avec Safari, en le rendant compatible avec Windows et en le déclinant en version mobile pour l’iPhone et l’iPod Touch. Après une version 3.0 nettement plus rapide et optimisée que les versions précédente, Safari est arrivé avec sa version 3.1 tout récemment, incluant de nouvelles optimisations et la localisation dans sa version Windows.
Enfin, Opéra qui se fait assez discret ces temps-ci, est disponible dans sa version 9.38, tandis que la version 9.50 est toujours sur les rails avec une beta déjà disponible.
Les tests
Généralement en matière de respect des standards et compatibilité navigateurs, il y a un test qui sert de référence : l’Acid Test.
Alors que les navigateurs s’acharnaient à tenter de passer avec succès l’Acid2 Test, une nouvelle version est sortie il y a maintenant 2 mois : l’Acid3 Test.
L’Acid2 Test permet uniquement de tester le respect des standards xHTML et CSS 2 & 3, dans ses fonctions les plus complexes.
- Ancienne Génération : Internet Explorer 6 / Firefox 1.5
- Génération Actuelle : Internet Explorer 7 / Firefox 2.0 / Safari 3.0 / Opera 9.26
- Nouvelle Génération : Internet Explorer 8 / Firefox 3.0 / Safari 3.1 / Opera 9.50
L’Acid3 Test va plus loin en testant également le support du JavaScript (ECMAScript, DOM), du SVG, les sélecteurs, et l’inclusion de médias (détails ici).
- Ancienne Génération : Internet Explorer 6 / Firefox 1.5
- Génération Actuelle : Internet Explorer 7 / Firefox 2.0 / Safari 3.0 / Opera 9.26
- Nouvelle Génération : Internet Explorer 8 / Firefox 3.0 / Safari 3.1 / Opera 9.50
En prime :
Acid2 Test РAncienne G̩n̩ration : Internet Explorer 6 / Firefox 1.5
Nous allons commencer ce comparatif par un simple coup d’oeil des tests Acid2 et Acid3 sur les navigateurs que j’appelle « Ancienne Génération », à savoir Internet Explorer 6 et Firefox 1.5 (n’ayant pas de version antérieures aux versions actuelles pour Opera et Safari, je ne peux pas faire de tests sur eux).
 |
 |
| Acid2 Test – Internet Explorer 6 | Acid2 Test – Firefox 1.5 |
Comme vous pouvez le constater, c’est un échec total pour Internet Explorer 6 (le smiley a littéralement explosé répandant une marre de sang là …) tandis que Firefox 1.5 tente de s’en sortir.
Acid2 Test РG̩n̩ration Actuelle : Internet Explorer 7 / Firefox 2 / Safari 3.0 / Opera 9.26
Toujours sur le test Acid2, attaquons nous maintenant aux navigateurs que je nommerais de « Génération Actuelle », à savoir ceux encore utilisés massivement comparé aux nouvelles version attendues ou récemment sorties.
Alors que l’on perçoit une très légère amélioration pour Internet Explorer et aucun changement pour Firefox 2, sans succès pour autant, on constate que Safari 3.0 et Opera 9.26 passent à merveille le test.
Acid2 Test РNouvelle G̩n̩ration : Internet Explorer 8 / Firefox 3 / Safari 3.1 / Opera 9.50
Bien que la version 3.1 de Safari soit déjà sortie en version finale depuis quelques jours, je l’inclus dans la « Nouvelle Génération » puisqu’elle sort à peu près dans la même période que ses concurrents : Internet Explorer 8, Firefox 3 et Opera 9.50.
Microsoft annonçait qu’Internet Explorer 8 passait désormais avec succès le test Acid2, et bien on constate que ce n’est pas vrai du tout, même si c’est déjà beaucoup plus proche que les versions précédentes.
En ce qui concerne Firefox, Safari et Opera, plus de soucis à se faire, eux passent sans problème le fameux test.
Acid3 Test РAncienne G̩n̩ration : Internet Explorer 6 / Firefox 1.5
Passant maintenant au tout nouveau test.
Bien que les résultats du test Acid2 sur les navigateurs Ancienne Génération n’aient pas été concluants, il peut être tout de même amusant de leur faire passer le test Acid3, par curiosité 
Alors qu’Internet Explorer 6 s’en tire assez mal avec 12% de réussite, Firefox 1.5 sauve la mise avec tout de meme 51% de réussite.
Acid3 Test РG̩n̩ration Actuelle : Internet Explorer 7 / Firefox 2.0 / Safari 3.0 / Opera 9.26
Au tour maintenant des navigateurs de la Génération Actuelle de passer le test avancé :
Pas de grande différentes entre la génération précédente et celle-ci, Internet Explorer arrive au même score tout en affichant un résultat totalement différent (très fort ça), tandis que Firefox gagne qu’un point de plus par rapport à sa version précédente, mais reste le vainqueur des 4 navigateurs.
Acid3 Test РNouvelle G̩n̩ration : Internet Explorer 8 / Firefox 3.0 / Safari 3.1 / Opera 9.50
Enfin, le test avancé à la génération…avancée :
Pour Internet Explorer, c’est toujours aussi catastrophique, à peine 6 points de gagné, ce n’est pas ça qui va convaincre les développeurs de l’amélioration du navigateur. Mais laissons lui le temps, il n’en est qu’à sa beta 1.
Firefox est remonté, bien qu’il n’atteigne pas encore un score vraiment correct.
Opera a rattrappé son retard en arrivant quasiment au même score que Firefox 3.
Et enfin le gagnant, Safari 3.1, qui affiche un score nettement supérieur aux autres et vraiment correct, 75 / 100.
Bonus 1 : Emulateur Internet Explorer 7 sur Internet Explorer 8
Alors que le remplacement d’Internet Explorer 6 par Internet Explorer 7 était une horreur pour les développeurs devant travailler sur les 2 versions, Microsoft a eu la bonne idée d’intégrer dans Internet Explorer 8 un émulateur de la version 7.
Seulement voila, l’Acid2 Test donne le même résultat que la version « normale », autant l’Acid3 Test donne un score de 14/100 alors que la version « normale » obtient 2 points de moins. Mieux vaut rester sur les machines virtuelles comme pour Internet Explorer 6 finalement.
Bonus 2 : Safari Mobile
Bien que Apple persiste à dire que l’OS de son iPhone/iPod Touch est quasiment le même que celui pour les ordinateurs, tout comme Safari, ce n’est pas tout à fait vrai.
En effet, je me suis amusé à faire passer les tests Acid2 et Acid3 à Safari Mobile :
Acid2 : curieusement, le rendu n’est pas parfait contrairement aux version « classiques » de Safari.
Acid3 : là je n’ai pas pu faire de capture, le Safari Mobile du simulateur d’iPhone plante lors du test, tandis que le vrai navigateur affiche d’abord 27%, puis 39% lorsque l’on revient sur l’onglet.
A quoi s’attendre en 2008 sur le plan technique ?
Outre les nouvelles fonctionnalités dont pourront s’enrichir les nouveaux navigateurs, sur le plan technique, il y aura quelques nouveautés qu’ils vont tous adopter :
- la prise en charge d’HTML 5 et de ses nouvelles balises
- la prise en charge des Microformats (voir l’excellent article sur Eclaireur.net pour plus d’infos)
- l’utilisation et la synchronisation offline
- le support de la fonction « Back » (page précédente) en Ajax
Liens
Voici les liens vers les navigateurs et leurs différentes versions :
Firefox:
- version 1.5 stable (portable) / Windows
- version 2.0 stable / Windows – Mac – Linux
- version 3.0 Beta 4 / Windows – Mac – Linux
Internet Explorer:
- IE6, IE7 & IE8 App Compat VHD / Virtual PC 2007
- Internet Explorer 8 Beta 1 / Windows
Safari:
- Safari 3.1 / Mac – Windows
Opera:
- version 9.26 stable / Windows – Mac – Linux
- version 9.50 Beta / Windows – Mac – Linux
Enfin, si vous souhaitez tester Safari Mobile sans avoir de iPhone / iPod Touch, vous devez avoir un Mac et télécharger le SDK iPhone 
Informations & Liens
Utilisez les liens suivants pour être au courant des réactions à cet article, diffuser cet article et voir les autres articles de la même catégorie.
Informations
Flux RSS & Liens
Tags / Mots-clés
Autres Articles
Commentaires
Salut_ Ta démarche est juste. mais penses-tu que le test ACID soit suffisant pour estimer les qualités de ces différents navigateurs? Si ce test devient trop prégnant, les développeurs sont capables de se « concentrer » pour s’y adapter, fournir une bonne note étant « le point marketing » qui fera… télécharger.
D’autres test existent-ils? En matière de SÉCURITÉ par exemple… et donc de configuration. Ou encore d’ergonomie et d’adaptabilité à la demande… il me semble que sur ce point Firefox a une longueur d’avance du fait de la multitude d’ »add on » parfois très discutables (ouuhh!!! que c’est vilain, que c’est bon) …. enfin BREF
Ta page test est concise et nette, plutôt sympa à lire dans ce web brumeux.
°°°+°°°
Répondre
@VROOOM : le titre est clair, je ne fais qu’un comparatif des « moteurs de rendu », et non des navigateurs eux même. Autrement dit j’exclu toutes les autres fonctionnalités de ces derniers
Donc je suis d’accord avec toi que de nombreux points entrent en jeu pour comparer différents navigateurs, mais ce qui concerne le rendu, il n’y a pas 36 000 solutions
Répondre
wow, quelle analyse !! j’ai enfin mis mes connaissances à jour… et je crois que cela me réconforte dans ma préférence pour firefox 2… et je changerai éventuellement pour firefox 3
dit donc, ça faisait bien trop longtemps que je n’était pas passé par ici
bon, il faut que je clique sur tes liens : je ne me souviens plus pourquoi ils sortent le html 5 au lieu de juste pousser le xhtml ?!?