Microsoft Surface versus iPad 4 : comparaison au niveau du HTML5
Par l'équipe Sencha
Le 2012-11-20 09:01:10, par vermine, Expert éminent sénior
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.
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 ?
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 ?
-
Paul TOTHExpert éminent sénior"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.le 20/11/2012 à 9:56
-
gangsoleilModérateurPourquoi 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.le 20/11/2012 à 10:23 -
stailerMembre chevronné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.
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) le 20/11/2012 à 12:13 -
redbullchMembre confirméC'est les navigateurs qui sont mis en avant dans ces tests...le 20/11/2012 à 9:28
-
gangsoleilModérateurSauf 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.le 20/11/2012 à 13:09 -
mala92Membre émériteJe 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 ?le 20/11/2012 à 9:16 -
vermineExpert éminent séniorOn 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.le 20/11/2012 à 9:39 -
said10Candidat au Clubje 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.le 20/11/2012 à 12:27
-
SylvainPVRédacteur/ModérateurLes 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.le 20/11/2012 à 14:14
-
camus3Membre éprouvéPourquoi limiter la comparaison aux navigateurs fournis, alors qu'il existe plusieurs navigateurs alternatifs ?
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.le 20/11/2012 à 14:18