PC & Mobile

Qu'est-ce que WebAssembly? – Kenneth Reilly – Médium

Qu'est-ce que WebAssembly? - Kenneth Reilly - Médium


Analyse comparative des performances

Comme pour toutes les nouvelles technologies qui arrivent sur les lieux, avant de nous énerver et d’aller de l’avant, nous devons poser cette question séculaire: pourquoi est-ce une bonne idée et devrais-je m'embêter?

Les informations et les discussions sur les problèmes de performances liés aux applications Web ne manquent pas, en particulier en ce qui concerne les applications Web d'une seule page et les interfaces frontales plus larges avec de fortes dépendances. L’industrie du logiciel s’inquiète de la résolution de problèmes de performances qui, en réalité, ont été auto-induits par le choix d’utiliser un framework X ou une technologie Y pour créer des applications Web, tous les autres le faisant et c'était la bonne chose non?

Jetons un coup d’œil à quelques points de repère d’un excellent outil en ligne qui fait l’objet d’un article sur l’analyse comparative de WebAssembly à l’aide d’émulateurs:

WebAssembly en bleu: plus bas est le mieux, plus haut c'est haut, mieux c'est en bas

Les deux graphiques ci-dessus sont le résultat d'un test de référence WasmBoy, réalisé à l'aide du jeu «Back to Color», un jeu de démonstration proposant une variété d'événements audio et graphiques conçus pour présenter les fonctionnalités de GameBoy Color. La référence a été réalisée à Safari, sur un MacBook Pro 13 pouces 2017.

AssemblyScript compilé pour WebAssembly est affiché en bleu, les concurrents étant compilés directement avec TypScript en ES6 (en jaune) et le compilateur Closure (en vert). Le test est utile car la logique TypeScript de l'émulateur est essentiellement la même, ce qui nous permet de tester la différence de performances entre chacune des cibles du compilateur.

Notez que ces mesures comparent des pommes avec des pommes (à d’autres outils efficaces), ce qui signifie que les concurrents sont toujours des implémentations ES6 hautes performances d'un émulateur de jeu et pas votre site web typique JavaScript. La différence de vitesse entre une application WebAssembly compilée et une application typique du framework maladroit serait probablement bien plus grande.

Dans le graphique du haut, le temps à courir par image est affiché, qui est la durée totale nécessaire pour dessiner chaque image (plus bas signifie plus vite). Ce temps était bien inférieur pour WebAssembly par rapport à l’un ou l’autre concurrent.

Le graphique du bas affiche le débit moyen des images, ou images par seconde. Cette métrique indique où les différentes scènes d'introduction des deux mille premières images sollicitent de manière différente chacune des implémentations de l'émulateur. En moyenne, la version de WebAssembly a un débit plus élevé que les autres, en particulier pour l'animation d'intro.

Show More

SupportIvy

SupportIvy.com : Un lieu pour partager le savoir et mieux comprendre le monde. Meilleure plate-forme de support gratuit pour vous, Documentation &Tutoriels par les experts.

Related Articles

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Close
Close