Microsoft は、Edge 開発チームと Office 開発チームの間の相乗効果が、すべての人にとってより良い製品を構築するのに役立っていると強調しました。
重要なポイント
- Microsoft の Office アプリは Web 上で無料で使用でき、すべてではないにしてもほとんどの基本機能を提供するため、簡単にアクセスできて便利です。
- Edge 開発チームは Office チームと協力して、Web 上の Office アプリのパフォーマンスを向上させ、バグを修正し、新しいツールを導入しました。
- 改善内容には、CPU 使用率の削減とプロファイリングの精度の向上、ソース マップのサポートが含まれます。 Edge のパフォーマンス ツールでデバッグを行い、影響を与える CSS セレクターに関する洞察を提供します。 パフォーマンス。
Microsoft の Office アプリは、 さまざまなプラットフォーム、そしてそれらは次のように更新されます 新機能 かなり頻繁に。 おそらく、それらを活用する最もアクセスしやすい方法は、何も支払うことなく、Word、PowerPoint、Excel などのアプリをブラウザーで直接使用できる Web バージョンを使用することです。 もちろん、Office が提供するすべての機能セットを常に利用できるわけではありませんが、基本的なニーズのすべてではないにしても、ほとんどがカバーされます。 今回、Microsoft は、Office チームと Edge チームのコラボレーションを通じて、Web 上での Office エクスペリエンスをどのように向上させているかについて説明しました。
Microsoftは、Officeアプリはメッセージングアプリやビデオ会議アプリと同様、Web上に実装するのが特に複雑だと強調している。 これは、ドキュメント オブジェクト モデル (DOM) ツリー内の数千の CSS モジュールと数千のノードをホストし、ページの読み込み時に大量の HTTP リクエストを送信するためです。 したがって、機能を損なうことなく、可能な限り最高のパフォーマンスを提供する方法で構築することが重要です。 この要件に応えるために、Edge 開発チームは、特に Office のパフォーマンスの問題を診断して修正するために、いくつかの新しい DevTools 機能をプログラムしました。
まず、チームは、Web 上で PowerPoint を起動して CPU 使用率をプロファイリングおよび記録しているときに、CPU 使用率が大幅に増加していることに気づきました。 Event Tracing for Windows (ETW) によるさらなる調査により、Edge 開発者は、これが CPU プロファイラーの実装のバグであることに気付きました。 Chromium はビジー待機アプローチを使用していたため、次のイベントのトリガーを待機しているはずのときにもコードを実行していました。 これは、単純なアプリケーションのプロファイリング時には検出されなかった可能性がありますが、その複雑さのため、PowerPoint のテスト中に認識されました。 Edge チームはこの問題を修正し、プロファイリング中の CPU サンプリングのオーバーヘッドを 95% 削減し、CPU 使用率を 71% 削減することができました。 全体として、これは PowerPoint チームが負荷パフォーマンスをより正確に把握するのに役立ち、また、これらの DevTools を使用する他の全員にも利益をもたらしました。
次に、ソース マップが Edge のパフォーマンス ツールとメモリ ツールでもサポートされるようになりました。 特に前者では、縮小されていない関数名とファイル名が自動的に表示されるため、問題のデバッグが非常に簡単になります。 この非縮小化プロセスにより、PowerPoint チームはプログラミングの悪いパターンなど、コード内の問題を迅速に特定できるようになりました。 さらに、Azure Pipelines のサポートが導入されました。これは、ビルド プロセス中にソース マップを簡単に公開できることを意味します。
同様に、Microsoft Word チームが Web 上のアプリのパフォーマンスを調査していたとき、スタイルの再計算に 75 ミリ秒の遅延があり、それが Word の起動を遅らせていることを発見しました。 Edge のパフォーマンス ツールを活用することで、開発者は、これが JavaScript 関数の非効率な実装によるものであることを特定し、解決することができました。 Microsoft は、どの CSS セレクターがアプリケーションのパフォーマンスに悪影響を及ぼす可能性があるかを Web 開発者に知らせることで、Web 開発者を支援する Edge DevTools のセレクター統計にも焦点を当てています。
Edge のメモリ ツールにも他にもたくさんの改善が加えられています。より大きなヒープ スナップショット ファイルを読み込むことができます。 サイズが 1 GB を超えるヒープ スナップショットの生成が 70 ～ 86% 高速化され、リテイナー パスごとに 2 つのスナップショットを比較し、より詳細にナビゲートできます。 それも簡単に。
Microsoft は、Edge 開発チームと Office 開発チームの間のこの相乗効果により、より優れた開発が可能になったと述べています。 これら 2 つのチームだけでなく、彼らの製品を利用する他の Web 開発者やエンドユーザーにも利益をもたらす製品 あまりにも。 他に機能リクエストがある場合、またはバグを発見した場合は、専用の GitHub リポジトリで言及できます。 ここ.