Microsoft har fremhevet synergien mellom Edge- og Office-utviklingsteamene som hjalp det å bygge bedre produkter for alle.
Viktige takeaways
- Microsofts Office-apper kan brukes gratis på nettet og tilbyr de fleste, om ikke alle, grunnleggende funksjoner, noe som gjør dem lett tilgjengelige og nyttige.
- Edge-utviklingsteamet har samarbeidet med Office-teamet for å forbedre ytelsen til Office-apper på nettet, fikse feil og introdusere nye verktøy.
- Forbedringene inkluderer å redusere CPU-bruk og øke nøyaktigheten i profilering, støtte kildekart i Edges ytelsesverktøy for feilsøking, og gir innsikt i CSS-velgere som påvirker opptreden.
Microsofts Office-apper er tilgjengelige på en rekke plattformer, og de blir oppdatert med Nye funksjoner ganske ofte. Den kanskje mest tilgjengelige måten å utnytte dem på er gjennom deres nettvarianter der du kan bruke apper som Word, PowerPoint og Excel direkte i nettleseren din uten å måtte betale noe. Selvfølgelig får du ikke alltid det fulle funksjonssettet som Office har å tilby, men du vil dekke de fleste, om ikke alle, av dine grunnleggende behov. Nå har Microsoft forklart hvordan det gjør Office-opplevelsen på nettet enda bedre gjennom samarbeid mellom Office- og Edge-teamene.
Microsoft har lagt vekt på at Office-apper er spesielt komplekse å implementere på nettet, i likhet med meldings- og videokonferanseapper. Dette fordi de er vert for tusenvis av CSS-moduler og et par tusen noder i Document Object Model-treet (DOM), og sender mange HTTP-forespørsler ved sideinnlasting. Som sådan er det viktig å bygge dem på en måte slik at de tilbyr best mulig ytelse uten at det går på bekostning av funksjonalitet. For å imøtekomme dette kravet programmerte Edge-utviklingsteamet flere nye DevTools-funksjoner spesifikt for å diagnostisere og fikse ytelsesproblemer i Office.
For det første la teamet merke til at mens de profilerte og registrerte CPU-bruk på PowerPoint-lanseringer på nettet, økte CPU-bruken drastisk. Etter ytterligere undersøkelser gjennom Event Tracing for Windows (ETW), innså Edge-utviklere at dette var en feil i implementeringen av CPU-profilen i Chromium fordi den brukte en opptatt ventende tilnærming, der den kjørte kode selv når den skulle ha ventet på utløsningen av neste hendelse. Dette ble kanskje ikke oppdaget ved profilering av enkle applikasjoner, men ble lagt merke til under PowerPoints testing på grunn av kompleksiteten. Edge-teamet klarte å fikse problemet ved å redusere CPU-sampling-overhead med 95 % og redusere CPU-bruken med 71 % under profilering. Totalt sett hjalp dette PowerPoint-teamet til å få et mer nøyaktig bilde av lasteytelsen, samtidig som det var til fordel for alle andre som bruker disse DevTools.
Deretter støttes nå kildekart i ytelses- og minneverktøy på Edge også. Spesielt viser førstnevnte automatisk ikke-minifisert funksjon og filnavn, noe som gjør det mye enklere å feilsøke problemer. Denne opphevingsprosessen har gjort det mulig for PowerPoint-teamet å raskt finne problemer i koden, for eksempel dårlige programmeringsmønstre. I tillegg er det introdusert støtte for Azure Pipelines, noe som betyr at du enkelt kan publisere kildekart under byggeprosessen.
På samme måte, da Microsoft Word-teamet undersøkte ytelsen til appen på nettet, oppdaget de en forsinkelse på 75 ms omberegning av styling, som bremset lanseringen av Word. Ved å utnytte ytelsesverktøy i Edge, klarte utviklerne å identifisere at dette skyldtes en ineffektiv implementering av en JavaScript-funksjon, som de så klarte å løse. Microsoft har også fremhevet Selector Stats i Edge DevTools som letter webutviklere ved å fortelle dem hvilke CSS-velgere som kan påvirke applikasjonens ytelse negativt.
Det er tonnevis av andre forbedringer som er gjort i minneverktøyet i Edge også: det kan laste inn større hauger av øyeblikksbildefiler, generering av heap-øyeblikksbilder på over 1 GB er 70–86 % raskere, du kan sammenligne to øyeblikksbilder etter beholderbane og navigere dem mer lett også.
Microsoft sier at denne synergien mellom Edge- og Office-utviklingsteamene gjorde det mulig å bygge bedre produkter som ikke bare gagner disse to teamene, men også andre webutviklere og sluttbrukere som bruker produktene deres også. Hvis du har en annen funksjonsforespørsel eller oppdager en feil, kan du nevne den i det dedikerte GitHub-lageret her.