이것이 Microsoft가 Edge를 통해 웹에서 Office 성능을 개선한 방법입니다.

주요 테이크 아웃

• Microsoft의 Office 앱은 웹에서 무료로 사용할 수 있으며 전부는 아니더라도 대부분의 기본 기능을 제공하여 쉽게 액세스하고 유용하게 사용할 수 있습니다.
• Edge 개발 팀은 Office 팀과 협력하여 웹에서 Office 앱의 성능을 개선하고 버그를 수정하고 새로운 도구를 도입했습니다.
• 개선 사항에는 CPU 사용량 감소, 프로파일링 정확도 향상, 소스 맵 지원 등이 포함됩니다. 디버깅을 위한 Edge의 성능 도구에서 영향을 미치는 CSS 선택기에 대한 통찰력 제공 성능.

Microsoft의 Office 앱은 다음에서 사용할 수 있습니다. 다양한 플랫폼, 그들은 업데이트됩니다 새로운 기능 꽤 자주. 아마도 이를 활용하는 가장 접근하기 쉬운 방법은 비용을 지불하지 않고 브라우저에서 직접 Word, PowerPoint 및 Excel과 같은 앱을 사용할 수 있는 웹 변형을 통해서일 것입니다. 물론 Office가 제공해야 하는 모든 기능 세트를 항상 얻을 수 있는 것은 아니지만 기본 요구 사항의 전부는 아니더라도 대부분을 충족할 수 있습니다. 이제 Microsoft는 Office와 Edge 팀 간의 협업을 통해 웹에서 Office 경험을 더욱 향상시키는 방법을 설명했습니다.

Microsoft는 Office 앱이 메시징 및 화상 회의 앱과 유사하게 웹에서 구현하기가 특히 복잡하다고 강조했습니다. DOM(문서 개체 모델) 트리에서 수천 개의 CSS 모듈과 수천 개의 노드를 호스팅하고 페이지 로드 시 많은 HTTP 요청을 보내기 때문입니다. 따라서 기능을 손상시키지 않으면서 최상의 성능을 제공하는 방식으로 구축하는 것이 중요합니다. 이 요구 사항을 충족하기 위해 Edge 개발 팀은 Office의 성능 문제를 진단하고 수정하기 위해 특별히 몇 가지 새로운 DevTools 기능을 프로그래밍했습니다.

우선, 팀은 웹에서 시작되는 PowerPoint에서 CPU 사용량을 프로파일링하고 기록하는 동안 CPU 사용량이 크게 증가한다는 사실을 알아차렸습니다. ETW(Windows용 이벤트 추적)를 통한 추가 조사에서 Edge 개발자는 이것이 CPU 프로파일러 구현의 버그임을 깨달았습니다. Chromium은 다음 이벤트의 트리거링을 기다려야 하는 경우에도 코드를 실행하는 바쁜 대기 접근 방식을 사용하고 있었기 때문입니다. 이것은 간단한 응용 프로그램을 프로파일링할 때 감지되지 않았을 수 있지만 그 복잡성으로 인해 PowerPoint 테스트 중에 발견되었습니다. Edge 팀은 이 문제를 해결할 수 있었고 프로파일링하는 동안 CPU 샘플링 오버헤드를 95% 줄이고 CPU 사용률을 71% 낮췄습니다. 전반적으로 이것은 PowerPoint 팀이 부하 성능을 보다 정확하게 파악하는 데 도움이 되는 동시에 이러한 DevTools를 사용하는 다른 모든 사람에게도 도움이 되었습니다.

다음으로 소스 맵은 이제 Edge의 성능 및 메모리 도구에서도 지원됩니다. 특히 전자는 축소되지 않은 함수 및 파일 이름을 자동으로 표시하므로 문제를 훨씬 쉽게 디버깅할 수 있습니다. 축소 해제 프로세스를 통해 PowerPoint 팀은 잘못된 프로그래밍 패턴과 같은 코드의 문제를 신속하게 찾아낼 수 있었습니다. 또한 Azure Pipelines에 대한 지원이 도입되어 빌드 프로세스 중에 소스 맵을 쉽게 게시할 수 있습니다.

같은 맥락에서 Microsoft Word 팀은 웹에서 앱의 성능을 조사할 때 75ms 스타일 재계산 지연을 발견하여 Word 실행 속도를 늦추고 있었습니다. Edge의 성능 도구를 활용하여 개발자는 이것이 JavaScript 기능의 비효율적인 구현으로 인한 것임을 식별할 수 있었고 이를 해결할 수 있었습니다. Microsoft는 또한 Edge DevTools의 Selector Stats를 강조하여 어떤 CSS 선택기가 애플리케이션의 성능에 부정적인 영향을 미칠 수 있는지 알려줌으로써 웹 개발자를 용이하게 합니다.

Edge의 메모리 도구에도 수많은 다른 개선 사항이 있습니다. 더 큰 힙 스냅샷 파일을 로드할 수 있습니다. 크기가 1GB 이상인 힙 스냅샷 생성 속도가 70-86% 더 빠르며 보유자 경로별로 두 개의 스냅샷을 비교하고 더 많이 탐색할 수 있습니다. 너무 쉽게.

Microsoft는 Edge와 Office 개발 팀 간의 이러한 시너지 효과를 통해 더 나은 빌드를 할 수 있다고 말합니다. 이 두 팀뿐만 아니라 제품을 사용하는 다른 웹 개발자 및 최종 사용자에게도 도움이 되는 제품 도. 다른 기능 요청이 있거나 버그를 발견한 경우 전용 GitHub 리포지토리에서 언급할 수 있습니다. 여기.