Så här har Microsoft förbättrat Office-prestandan på webben genom Edge

Microsoft har lyft fram synergin mellan sina Edge- och Office-utvecklingsteam som hjälpte det att bygga bättre produkter för alla.

Viktiga takeaways

  • Microsofts Office-appar kan användas gratis på webben och erbjuder de flesta, om inte alla, grundläggande funktioner, vilket gör dem lättillgängliga och användbara.
  • Edge-utvecklingsteamet har samarbetat med Office-teamet för att förbättra prestandan för Office-appar på webben, åtgärda buggar och introducera nya verktyg.
  • Förbättringarna inkluderar att minska CPU-användningen och öka noggrannheten i profilering, stödja källkartor i Edges Performance-verktyg för felsökning och ger insikter i CSS-väljare som påverkar prestanda.

Microsofts Office-appar är tillgängliga på en olika plattformar, och de uppdateras med nya egenskaper ganska ofta. Det kanske mest lättillgängliga sättet att utnyttja dem är genom deras webbvarianter där du kan använda appar som Word, PowerPoint och Excel direkt i din webbläsare utan att behöva betala någonting. Naturligtvis kanske du inte alltid får den fulla funktionsuppsättningen som Office har att erbjuda, men du kommer att täcka de flesta, om inte alla, dina grundläggande behov. Nu har Microsoft förklarat hur det gör Office-upplevelsen på webben ännu bättre genom samarbete mellan Office- och Edge-teamen.

Microsoft har betonat att Office-appar är särskilt komplicerade att implementera på webben, liknande appar för meddelanden och videokonferenser. Detta eftersom de är värd för tusentals CSS-moduler och ett par tusen noder i Document Object Model-trädet (DOM) och skickar massor av HTTP-förfrågningar vid sidladdningar. Som sådan är det viktigt att bygga dem på ett sätt så att de erbjuder bästa möjliga prestanda utan att kompromissa med funktionaliteten. För att tillgodose detta krav programmerade Edge-utvecklingsteamet flera nya DevTools-funktioner specifikt för att diagnostisera och åtgärda prestandaproblem i Office.

Till att börja med märkte teamet att medan de profilerade och registrerade CPU-användning vid PowerPoint-lanseringar på webben, ökade CPU-användningen drastiskt. Efter ytterligare undersökningar genom Event Tracing för Windows (ETW) insåg Edge-utvecklare att detta var ett fel i implementeringen av CPU-profilern i Chromium eftersom det använde ett upptaget väntande tillvägagångssätt, där det körde kod även när det borde ha väntat på att nästa händelse skulle utlösas. Detta kanske inte har upptäckts vid profilering av enkla applikationer, men märktes under PowerPoints testning, på grund av dess komplexitet. Edge-teamet kunde åtgärda problemet genom att minska CPU-samplingens overhead med 95 % och sänka CPU-användningen med 71 % under profileringen. Sammantaget hjälpte detta PowerPoint-teamet att få en mer exakt bild av deras belastningsprestanda, samtidigt som det gynnade alla andra som använder dessa DevTools.

Därefter stöds nu källkartor i Performance- och Memory-verktygen på Edge. I synnerhet visar den förra automatiskt oförminskade funktion och filnamn, vilket gör det mycket lättare att felsöka problem. Denna avförminskningsprocess har gjort det möjligt för PowerPoint-teamet att snabbt lokalisera problem i koden, såsom dåliga programmeringsmönster. Dessutom har stöd för Azure Pipelines införts, vilket gör att du enkelt kan publicera källkartor under byggprocessen.

På samma sätt, när Microsoft Word-teamet undersökte appens prestanda på webben, upptäckte de en 75 ms stylingomräkningsfördröjning, vilket saktade upp lanseringen av Word. Genom att utnyttja Performance-verktyg i Edge kunde utvecklarna identifiera att detta berodde på en ineffektiv implementering av en JavaScript-funktion, som de sedan kunde lösa. Microsoft har också lyft fram Selector Stats i Edge DevTools som underlättar webbutvecklare genom att låta dem veta vilka CSS-väljare som kan påverka deras applikations prestanda negativt.

Det finns massor av andra förbättringar som också har gjorts i Memory-verktyget i Edge: det kan ladda större höghastighetsbilder, Generering av högen ögonblicksbilder över 1 GB i storlek är 70-86 % snabbare, du kan jämföra två ögonblicksbilder efter hållarväg och navigera dem mer lätt också.

Microsoft säger att denna synergi mellan Edge- och Office-utvecklingsteamen gjorde det möjligt för dem att bygga bättre produkter som inte bara gynnar dessa två team utan även andra webbutvecklare och slutanvändare som använder deras produkter för. Om du har någon annan funktionsbegäran eller ser en bugg kan du nämna det i det dedikerade GitHub-förrådet här.