Microsoft Surface versus iPad 4 : comparaison au niveau du HTML5 par l'équipe Sencha

[vermine]

Microsoft Surface versus iPad 4 : comparaison au niveau du HTML5
par l'équipe Sencha.

Sencha fournit des outils de développement pour bureau et mobile. Son équipe a mis l'iPad 4 et la tablette Surface de Microsoft à l'épreuve pour voir comment ils se débrouillent en tant que plates-formes HTML5. Le HTML5 est la prochaine génération de technologies Web qui est adoptée de plus en plus pour développer des applications qui peuvent être rédigées en une seule fois et exécutées sur plusieurs systèmes d'exploitation, les navigateurs et les périphériques.

Les tests révèlent que les deux tablettes sont performantes à ce niveau-là. Microsoft Surface est livrée avec Internet Explorer 10 et Windows 8 tandis que l'iPad est livré avec Safari Mobile et iOS 6. Internet Explorer 10 a un ensemble de fonctionnalités HTML5 large et bien implémenté. Il répond et dépasse parfois Safari Mobile. Sur le plan de la performance, l'iPad 4 connait des performances JavaScript, d'interaction et de Canvas. De son côté, Surface a une implémentation graphique vectorielle (SVG) plus rapide.

Les vérifications de présence des fonctionnalités HTML5 ont été effectuées à l'aide de Modernizr, une bibliothèque JavaScript qui détecte les fonctionnalités HTML5 et CSS3. IE10 sur Surface a une longue liste de fonctionnalités HTML5 (indexedDB, animations CSS, transformations 2D et 3D, transitions, websockets, lecture audio et vidéo, etc.). Il a même une implémentation des régions et exclusions CSS.

Il y a cependant quelques omissions notables et des lacunes par rapport à l'iPad 4. Il n'y a pas de support pour la balise d'entrée de l'appareil photo, l'implémetation de Flexbox est plus ancienne et obsolète. Il n'y a également pas de prise en charge de border-image.

Aucune des deux plate-formes ne prend en charge le WebGL et Microsoft a déjà annoncé qu'ils ne le soutiendront pas. Les fonctionnalités les plus ésotériques ne sont pas gérées (par exemple la couleur des input). Il en est de même pour la gestion des notifications et des événements du serveur.

Ce graphique reprend les performances JavaScript

Les premières plates-formes mobiles avaient des problèmes avec les performances CSS. Mais ici, l'équipe a vu de bonnes performances CSS avec des effets de transition et d'animation. Citons le lissage des coins, les dégradés et la lecture vidéo.

Pour finir, les tests ont portés sur l'interaction avec le DOM. L'iPad 4 écrase purement et simplement Surface. Webkit a un avantage de vitesse sur le moteur d'Internet Explorer dans la manipulation du DOM. Voici un tableau récapitulatif. Les résultats les plus hauts sont les meilleurs.

Code :

1
2
3
4
5
6
7
8
                      iPad 4    Surface   iPad Advantage
------------------------------------------------------
DOM Attributes    |   161.84     37.5       4.3 x
DOM Modification  |   136.50     13.9       9.8 x
DOM Query         |  4560.00    356.6      12.8 x
DOM Traversal     |   138.30      4.9      28.2 x
CSS Selector (Avg)|  1654.70    458.7       3.5 x

Source : l'article sur le site de Sencha.


Et vous ?
Que pensez-vous de ces tests ?
Quel est votre avis sur Surface et sur l'iPad 4 ?
Êtes-vous pour ou contre les tablettes ?

[mala92]

Envoyé par vermine

Quel est votre avis sur Surface et sur l'iPad 4 ?

Je ne suis pas l'actu Apple de près : "C'est quoi l'iPad ?"
On a beaucoup entendu parler de l'iPad Mini mais pas de l'iPad 4.

Avis personnel : si la différence entre les 2 dernières générations d'iPad est la même entre les 2 dernières générations d'iPhone, y'a pas photo sur le choix entre le Mini et le 4!

Que pensez-vous de ces tests ?

une tablette c'est pas que du web. un comparatif plus généraliste aurait été sympa.

[redbullch]

C'est les navigateurs qui sont mis en avant dans ces tests...

[vermine]

On a beau avoir le plus performant des navigateurs, si le système ne suit pas derrière, ça ne sert à rien.
On compare effectivement la combinaison des deux et le rendu final.

[Paul TOTH]

"higher is better" ok, mais il n'y a aucune échelle de valeur. si je suis deux fois plus rapide que quelque chose qui tourne à la microseconde, c'est mieux mais pas très sensible.

[gangsoleil]

Pourquoi limiter la comparaison aux navigateurs fournis, alors qu'il existe plusieurs navigateurs alternatifs ? Est-ce que la tablette se resume au navigateur ?

Bref, je pense que ce test manque cruellement de couverture, et tester la presence d'une fonctionnalite ne prejuge pas de sa qualite, ni de son utilisabilite.

Quant a l' "oubli" de la gestion de l'appareil photo par le navigateur,... je ne vois meme pas ce que ca fait dans HTML 5.

[stailer]

Ce test, comme l'indique le titre, ne porte que sur HTML5.
Il n'est pas fait pour juger l'ensemble des qualités de telle ou telle tablette mais uniquement de cette fonctionnalité la.

Quant a l' "oubli" de la gestion de l'appareil photo par le navigateur,... je ne vois meme pas ce que ca fait dans HTML 5.

Parce qu'il y a des gens, comme moi, qui par exemple développe sous PhoneGap ou tout simplement en HTML5. Et comme pour toute Application mobile il peut y avoir ce besoin à un moment donné : utiliser l'appareil photo/webcam, à des fins applicatives ou de jeu simplement.

Enfin, pour avoir développé récemment une mini app en HTML5 avec Sencha Touch 2.0.1, les performances, il est vrai, étaient 10 fois meilleures sur un IPad que sur ma Transformer Prime (et pourtant j'adore Android ).

Il faut reconnaitre pour le moment que Safari sur IOS gère bien mieux tout ça que Chrome sous Android ou Dolphin browser (je ne parle pas du navigateur livré en standard )

[said10]

je suis totalement d'accord avec stailer, les tests ne portent que sur HTML5 et ciblent surtout les développeurs plus que les consommateurs pour des raisons commerciales de sa plateforme Sencha Touch.

[gangsoleil]

Envoyé par stailer

Ce test, comme l'indique le titre, ne porte que sur HTML5.

[...]
Il faut reconnaitre pour le moment que Safari sur IOS gère bien mieux tout ça que Chrome sous Android ou Dolphin browser (je ne parle pas du navigateur livré en standard )

Envoyé par said10

je suis totalement d'accord avec stailer, les tests ne portent que sur HTML5 et ciblent surtout les développeurs plus que les consommateurs pour des raisons commerciales de sa plateforme Sencha Touch.

Sauf que non, le test porte sur l'integration de HTML5 dans les navigateurs pre-installes sur deux tablettes. D'ailleurs, stailer, tu parles bien d'autres navigateurs sur lesquels tu as fait des tests visiblement...

Donc :
Quid des autres navigateurs sur ces memes tablettes ?
Quid des autres tablettes ? Sont-elles si peu utilisees qu'elles ne meritent meme pas de subir un test ?


Je n'ai rien contre un test, mais ca vaudrait quand meme le coup de le pousser un peu pour en faire un article complet.

[SylvainPV]

Envoyé par gangsoleil

Pourquoi limiter la comparaison aux navigateurs fournis, alors qu'il existe plusieurs navigateurs alternatifs ? Est-ce que la tablette se resume au navigateur ?

Bref, je pense que ce test manque cruellement de couverture, et tester la presence d'une fonctionnalite ne prejuge pas de sa qualite, ni de son utilisabilite.

Les navigateurs pré-installés sont utilisés par la grande majorité du grand public, donc bien plus pertinents dans la com de Sencha. Dolphin représente une minuscule fraction d'utilisateurs en comparaison, moins d'1%.

Quant a l' "oubli" de la gestion de l'appareil photo par le navigateur,... je ne vois meme pas ce que ca fait dans HTML 5.

Microphone, webcam, appareil photo, accéléromètre, GPS... Autant de choses qui justifient l'adoption du HTML5 sur mobile et relancent en permanence le débat native vs web.

[camus3]

Pourquoi limiter la comparaison aux navigateurs fournis, alors qu'il existe plusieurs navigateurs alternatifs ?

sur iOs tout les navigateurs "alternatifs" utilisent le même moteur javascript et html que le navigateur officiel , donc il n'existe pas réellement de navigateur alternatif ,puisqu'utiliser un JIT/VM alterntatif sur iOs est tout simplement interdit ( il me semble de plus que la webview est "bridée" niveau perf par rapport à Safari sur iOs ).

Maintenant la performance javascript en elle même est peu importante , ce qui importe , le vrai bottleneck , c'est la manipulation du DOM ! et ya pas photo , iOs atomise la concurrence.

[stailer]

Maintenant la performance javascript en elle même est peu importante , ce qui importe , le vrai bottleneck , c'est la manipulation du DOM ! et ya pas photo , iOs atomise la concurrence.

D'après mes tests, malheureusement, je confirme

[erwanlb]

Envoyé par SylvainPV

Microphone, webcam, appareil photo, accéléromètre, GPS... Autant de choses qui justifient l'adoption du HTML5 sur mobile et relancent en permanence le débat native vs web.

Déjà que ça a du mal à faire des trucs "simples" en standard sur n'importe quel navigateur....alors gérer x marques de cam, apn, gps, etc....pffffiouuu....

[psychadelic]

Si vous voulez vous faire une idée des avancées en HTML5 sur les différentes plateformes, il y a un site pour ça :
http://html5test.com/

[SylvainPV]

Envoyé par erwanlb

Déjà que ça a du mal à faire des trucs "simples" en standard sur n'importe quel navigateur....alors gérer x marques de cam, apn, gps, etc....pffffiouuu....

Le code est indépendant de la marque du périphérique, pour peu qu'il soit correctement reconnu par le système. Je m'inquiéterais plus pour les différences d'implémentations par navigateur que pour les marques de périphériques.