Voici comment Microsoft améliore les performances d'Office sur le Web grâce à Edge

Points clés à retenir

• Les applications Office de Microsoft peuvent être utilisées gratuitement sur le Web et offrent la plupart, sinon la totalité, des fonctionnalités de base, ce qui les rend facilement accessibles et utiles.
• L'équipe de développement Edge a collaboré avec l'équipe Office pour améliorer les performances des applications Office sur le Web, en corrigeant les bogues et en introduisant de nouveaux outils.
• Les améliorations incluent la réduction de l'utilisation du processeur et l'augmentation de la précision du profilage, la prise en charge des cartes source dans l'outil de performance d'Edge pour le débogage et fournir des informations sur les sélecteurs CSS qui ont un impact performance.

Les applications Office de Microsoft sont disponibles sur un variété de plateformes, et ils sont mis à jour avec nouvelles fonctionnalités

assez fréquemment. Le moyen le plus accessible de les exploiter consiste peut-être à utiliser leurs variantes Web où vous pouvez utiliser des applications telles que Word, PowerPoint et Excel directement dans votre navigateur sans rien payer. Bien sûr, vous n'obtiendrez peut-être pas toujours l'ensemble complet de fonctionnalités qu'Office a à offrir, mais vous serez couvert pour la plupart, sinon la totalité, de vos besoins de base. Maintenant, Microsoft a expliqué comment il améliore encore l'expérience Office sur le Web grâce à la collaboration entre les équipes Office et Edge.

Microsoft a souligné que les applications Office sont particulièrement complexes à mettre en œuvre sur le Web, à l'instar des applications de messagerie et de visioconférence. En effet, ils hébergent des milliers de modules CSS et quelques milliers de nœuds dans l'arborescence DOM (Document Object Model) et envoient de nombreuses requêtes HTTP lors du chargement des pages. En tant que tel, il est important de les construire de manière à offrir les meilleures performances possibles sans compromettre la fonctionnalité. Pour répondre à cette exigence, l'équipe de développement Edge a programmé plusieurs nouvelles fonctionnalités DevTools spécifiquement pour diagnostiquer et résoudre les problèmes de performances dans Office.

Pour commencer, l'équipe a remarqué que lors du profilage et de l'enregistrement de l'utilisation du processeur lors des lancements de PowerPoint sur le Web, l'utilisation du processeur augmentait considérablement. Après une enquête plus approfondie via Event Tracing for Windows (ETW), les développeurs Edge ont réalisé qu'il s'agissait d'un bogue dans l'implémentation du profileur de CPU dans Chromium, car il utilisait une approche d'attente occupée, dans laquelle il exécutait du code même lorsqu'il aurait dû attendre le déclenchement de l'événement suivant. Cela n'a peut-être pas été détecté lors du profilage d'applications simples, mais a été remarqué lors des tests de PowerPoint, en raison de sa complexité. L'équipe Edge a pu résoudre le problème, en réduisant la surcharge d'échantillonnage du processeur de 95 % et en réduisant l'utilisation du processeur de 71 % lors du profilage. Dans l'ensemble, cela a aidé l'équipe PowerPoint à obtenir une image plus précise de ses performances de chargement, tout en profitant également à tous ceux qui utilisent ces DevTools.

Ensuite, les cartes source sont désormais également prises en charge dans les outils Performance et Mémoire sur Edge. En particulier, le premier affiche automatiquement les noms de fonction et de fichier non minifiés, ce qui facilite beaucoup le débogage des problèmes. Ce processus de déminification a permis à l'équipe PowerPoint d'identifier rapidement les problèmes dans le code, tels que les mauvais schémas de programmation. De plus, la prise en charge d'Azure Pipelines a été introduite, ce qui signifie que vous pouvez facilement publier des cartes source pendant le processus de génération.

Dans le même esprit, lorsque l'équipe Microsoft Word enquêtait sur les performances de l'application sur le Web, elle a repéré un délai de recalcul de style de 75 ms, ce qui ralentissait le lancement de Word. En tirant parti des outils de performance dans Edge, les développeurs ont pu identifier que cela était dû à une implémentation inefficace d'une fonction JavaScript, qu'ils ont ensuite pu résoudre. Microsoft a également mis en évidence les statistiques du sélecteur dans Edge DevTools, ce qui facilite les développeurs Web en leur indiquant quels sélecteurs CSS pourraient avoir un impact négatif sur les performances de leur application.

De nombreuses autres améliorations ont également été apportées à l'outil Mémoire d'Edge: il peut charger des fichiers d'instantanés de tas plus volumineux, le la génération d'instantanés de tas de plus de 1 Go est 70 à 86 % plus rapide, vous pouvez comparer deux instantanés par chemin de rétention et les parcourir davantage facilement aussi.

Microsoft affirme que cette synergie entre les équipes de développement Edge et Office lui a permis de mieux construire des produits qui profitent non seulement à ces deux équipes, mais aussi à d'autres développeurs Web et utilisateurs finaux qui utilisent leurs produits aussi. Si vous avez une autre demande de fonctionnalité ou si vous repérez un bogue, vous pouvez le mentionner dans le référentiel GitHub dédié ici.