Auf diese Weise hat Microsoft die Office-Leistung im Web durch Edge verbessert

click fraud protection

Microsoft hat die Synergien zwischen seinen Edge- und Office-Entwicklungsteams hervorgehoben, die ihm dabei geholfen haben, bessere Produkte für alle zu entwickeln.

Die zentralen Thesen

  • Die Office-Apps von Microsoft können kostenlos im Internet verwendet werden und bieten die meisten, wenn nicht alle Grundfunktionen, sodass sie leicht zugänglich und nützlich sind.
  • Das Edge-Entwicklungsteam hat mit dem Office-Team zusammengearbeitet, um die Leistung von Office-Apps im Web zu verbessern, Fehler zu beheben und neue Tools einzuführen.
  • Zu den Verbesserungen gehören die Reduzierung der CPU-Auslastung und die Erhöhung der Genauigkeit bei der Profilerstellung sowie die Unterstützung von Quellkarten im Performance-Tool von Edge zum Debuggen und zur Bereitstellung von Einblicken in CSS-Selektoren, die Auswirkungen haben Leistung.

Die Office-Apps von Microsoft sind auf a verfügbar Vielzahl von Plattformen, und sie werden mit aktualisiert Neue Eigenschaften ziemlich oft. Der vielleicht zugänglichste Weg, sie zu nutzen, sind ihre Webvarianten, bei denen Sie Apps wie Word, PowerPoint und Excel direkt in Ihrem Browser verwenden können, ohne etwas bezahlen zu müssen. Natürlich erhalten Sie möglicherweise nicht immer den gesamten Funktionsumfang, den Office zu bieten hat, aber die meisten, wenn nicht alle Grundbedürfnisse werden abgedeckt. Jetzt hat Microsoft erklärt, wie es das Office-Erlebnis im Web durch die Zusammenarbeit zwischen den Office- und Edge-Teams noch besser macht.

Microsoft hat betont, dass die Implementierung von Office-Apps im Web besonders komplex sei, ähnlich wie Messaging- und Videokonferenz-Apps. Dies liegt daran, dass sie Tausende von CSS-Modulen und ein paar tausend Knoten im Document Object Model (DOM)-Baum hosten und beim Laden der Seite viele HTTP-Anfragen senden. Daher ist es wichtig, sie so zu bauen, dass sie die bestmögliche Leistung bieten, ohne Kompromisse bei der Funktionalität einzugehen. Um dieser Anforderung gerecht zu werden, hat das Edge-Entwicklungsteam mehrere neue DevTools-Funktionen speziell zur Diagnose und Behebung von Leistungsproblemen in Office programmiert.

Zunächst stellte das Team fest, dass die CPU-Auslastung bei der Profilierung und Aufzeichnung der CPU-Auslastung bei PowerPoint-Starts im Web drastisch anstieg. Bei weiteren Untersuchungen durch Event Tracing für Windows (ETW) stellten die Edge-Entwickler fest, dass es sich hierbei um einen Fehler in der Implementierung des CPU-Profilers handelte Chromium, weil es einen Busy-Waiting-Ansatz verwendete, bei dem Code auch dann ausgeführt wurde, wenn er auf die Auslösung des nächsten Ereignisses hätte warten sollen. Dies wurde bei der Profilerstellung einfacher Anwendungen möglicherweise nicht erkannt, fiel jedoch aufgrund seiner Komplexität beim Testen von PowerPoint auf. Das Edge-Team konnte das Problem beheben, indem es den CPU-Sampling-Overhead um 95 % reduzierte und die CPU-Auslastung bei der Profilerstellung um 71 % senkte. Insgesamt hat dies dem PowerPoint-Team dabei geholfen, ein genaueres Bild seiner Ladeleistung zu erhalten, und es kam auch allen anderen zugute, die diese DevTools verwenden.

Als nächstes werden Quellzuordnungen jetzt auch in den Leistungs- und Speichertools auf Edge unterstützt. Ersteres zeigt insbesondere automatisch nicht minimierte Funktions- und Dateinamen an, was das Debuggen von Problemen erheblich erleichtert. Dieser Aufhebungsprozess hat es dem PowerPoint-Team ermöglicht, Probleme im Code, wie etwa fehlerhafte Programmiermuster, schnell zu lokalisieren. Darüber hinaus wurde Unterstützung für Azure Pipelines eingeführt, was bedeutet, dass Sie Quellkarten während des Build-Prozesses problemlos veröffentlichen können.

Als das Microsoft Word-Team die Leistung der App im Web untersuchte, stellte es ebenfalls eine 75-ms-Verzögerung bei der Neuberechnung des Stils fest, die den Start von Word verlangsamte. Durch den Einsatz von Leistungstools in Edge konnten die Entwickler erkennen, dass dies auf eine ineffiziente Implementierung einer JavaScript-Funktion zurückzuführen war, und diese Problematik anschließend beheben. Microsoft hat außerdem Selector Stats in Edge DevTools hervorgehoben, was Webentwicklern die Arbeit erleichtert, indem es sie darüber informiert, welche CSS-Selektoren sich negativ auf die Leistung ihrer Anwendung auswirken könnten.

Auch am Speichertool in Edge wurden zahlreiche weitere Verbesserungen vorgenommen: Es kann größere Heap-Snapshot-Dateien laden Die Generierung von Heap-Snapshots mit einer Größe von mehr als 1 GB ist 70–86 % schneller, Sie können zwei Snapshots nach Retainer-Pfad vergleichen und besser durch sie navigieren auch problemlos.

Microsoft sagt, dass diese Synergie zwischen den Edge- und Office-Entwicklungsteams es ihm ermöglicht hat, besser zu bauen Produkte, von denen nicht nur diese beiden Teams profitieren, sondern auch andere Webentwickler und Endbenutzer, die ihre Produkte nutzen zu. Wenn Sie weitere Funktionswünsche haben oder einen Fehler entdecken, können Sie ihn im speziellen GitHub-Repository erwähnen Hier.