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

Le , par vermine, Responsable JavaScript & AJAX

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 ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de Paul TOTH Paul TOTH
http://www.developpez.com
Expert Confirmé Sénior
le 20/11/2012 9:56
"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.
Avatar de gangsoleil gangsoleil
http://www.developpez.com
Modérateur
le 20/11/2012 10:23
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.
Avatar de stailer stailer
http://www.developpez.com
Membre Expert
le 20/11/2012 12:13
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 )
Avatar de said10 said10
http://www.developpez.com
Invité de passage
le 20/11/2012 12:27
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.
Avatar de gangsoleil gangsoleil
http://www.developpez.com
Modérateur
le 20/11/2012 13:09
Citation Envoyé par stailer  Voir le message
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 )

Citation Envoyé par said10  Voir le message
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.
Avatar de SylvainPV SylvainPV
http://www.developpez.com
Expert Confirmé
le 20/11/2012 14:14
Citation Envoyé par gangsoleil  Voir le message
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.
Avatar de camus3 camus3
http://www.developpez.com
Membre Expert
le 20/11/2012 14:18
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.
Avatar de stailer stailer
http://www.developpez.com
Membre Expert
le 20/11/2012 15:02
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
Avatar de erwanlb erwanlb
http://www.developpez.com
Inactif
le 20/11/2012 15:06
Citation Envoyé par SylvainPV  Voir le message
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....
Avatar de psychadelic psychadelic
http://www.developpez.com
Membre émérite
le 20/11/2012 16:00
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/
Avatar de SylvainPV SylvainPV
http://www.developpez.com
Expert Confirmé
le 20/11/2012 16:19
Citation Envoyé par erwanlb  Voir le message
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.
Offres d'emploi IT
Chargé(e) de projet
CDD
RiaStudio - Poitou Charentes - Niort (79000)
Parue le 30/08/2014
Développeur front ios/mobile
CDI
Siz - Ile de France - Paris (75002)
Parue le 26/08/2014
Ingénieur d'études et intégration h/f
CDI
CTS - Midi Pyrénées - Toulouse (31000)
Parue le 26/08/2014

Voir plus d'offres Voir la carte des offres IT
 
 
 
 
Partenaires

PlanetHoster
Ikoula