Microsoft takto zlepšuje výkon Office na webe prostredníctvom Edge

Microsoft zdôraznil synergiu medzi svojimi vývojovými tímami Edge a Office, čo mu pomohlo vytvoriť lepšie produkty pre každého.

Kľúčové informácie

  • Aplikácie balíka Microsoft Office je možné používať zadarmo na webe a ponúkajú väčšinu, ak nie všetky základné funkcie, vďaka čomu sú ľahko dostupné a užitočné.
  • Vývojový tím Edge spolupracoval s tímom balíka Office na zlepšení výkonu aplikácií balíka Office na webe, odstraňovaní chýb a zavádzaní nových nástrojov.
  • Medzi vylepšenia patrí zníženie využitia procesora a zvýšenie presnosti pri profilovaní, podpora zdrojových máp v nástroji Výkon od Edge na ladenie a poskytovanie prehľadov o selektoroch CSS, ktoré ovplyvňujú výkon.

Aplikácie balíka Microsoft Office sú dostupné na a rôznych platforiema aktualizujú sa pomocou nové funkcie pomerne často. Snáď najdostupnejším spôsobom, ako ich využiť, sú ich webové varianty, kde môžete používať aplikácie ako Word, PowerPoint a Excel priamo vo svojom prehliadači bez toho, aby ste museli čokoľvek platiť. Samozrejme, nemusíte vždy získať celú sadu funkcií, ktoré Office ponúka, ale budete mať pokrytú väčšinu, ak nie všetky, základných potrieb. Teraz Microsoft vysvetlil, ako ešte viac vylepšuje prostredie Office na webe prostredníctvom spolupráce medzi tímami Office a Edge.

Microsoft zdôraznil, že implementácia aplikácií balíka Office na webe je obzvlášť zložitá, podobne ako aplikácie na odosielanie správ a videokonferencie. Je to preto, že hosťujú tisíce modulov CSS a niekoľko tisíc uzlov v strome modelu DOM (Document Object Model) a pri načítaní stránky odosielajú veľa požiadaviek HTTP. Preto je dôležité zostaviť ich tak, aby ponúkali čo najlepší výkon bez kompromisov vo funkčnosti. Aby sa táto požiadavka splnila, vývojový tím Edge naprogramoval niekoľko nových funkcií DevTools špeciálne na diagnostiku a opravu problémov s výkonom v Office.

Na začiatok si tím všimol, že zatiaľ čo sa profilovanie a zaznamenávanie využitia procesora pri spustení PowerPointu na webe výrazne zvýšilo. Po ďalšom vyšetrovaní prostredníctvom sledovania udalostí pre Windows (ETW) si vývojári Edge uvedomili, že ide o chybu v implementácii profilovača CPU v Chromium, pretože používal prístup zaneprázdneného čakania, pričom spúšťal kód, aj keď mal čakať na spustenie ďalšej udalosti. Toto sa nemuselo zistiť pri profilovaní jednoduchých aplikácií, ale bolo to zaznamenané počas testovania programu PowerPoint z dôvodu jeho zložitosti. Tímu Edge sa podarilo problém vyriešiť, znížiť réžiu vzorkovania CPU o 95 % a znížiť využitie CPU o 71 % pri profilovaní. Celkovo to pomohlo tímu PowerPoint získať presnejší obraz o ich výkone načítania a zároveň to prospelo všetkým ostatným, ktorí používajú tieto nástroje pre vývojárov.

Ďalej sú teraz zdrojové mapy podporované aj v nástrojoch výkonu a pamäte na Edge. Najmä prvý automaticky zobrazuje nezmenšené názvy funkcií a súborov, čo značne uľahčuje ladenie problémov. Tento proces un-minification umožnil tímu PowerPoint rýchlo určiť problémy v kóde, ako napríklad zlé vzory programovania. Okrem toho bola zavedená podpora pre Azure Pipelines, čo znamená, že počas procesu zostavovania môžete jednoducho publikovať zdrojové mapy.

V rovnakom duchu, keď tím Microsoft Word skúmal výkon aplikácie na webe, zistil 75 ms oneskorenie prepočítania štýlu, čo spomaľovalo spustenie Wordu. Využitím nástrojov výkonu v Edge boli vývojári schopní identifikovať, že to bolo spôsobené neefektívnou implementáciou funkcie JavaScriptu, ktorú potom dokázali vyriešiť. Spoločnosť Microsoft tiež zdôraznila štatistiku selektorov v nástroji Edge DevTools, ktorá uľahčuje vývojárom webu tým, že im dáva vedieť, ktoré selektory CSS by mohli negatívne ovplyvniť výkon ich aplikácie.

Existuje mnoho ďalších vylepšení, ktoré boli vykonané aj v nástroji Memory v Edge: môže načítať väčšie súbory snímok, generovanie haldových snímok s veľkosťou nad 1 GB je o 70 – 86 % rýchlejšia, môžete porovnať dve snímky podľa cesty držiaka a viac v nich prechádzať tiež ľahko.

Microsoft hovorí, že táto synergia medzi vývojovými tímami Edge a Office mu umožnila lepšie stavať produkty, z ktorých profitujú nielen tieto dva tímy, ale aj ďalší weboví vývojári a koncoví používatelia, ktorí využívajú ich produkty tiež. Ak máte akúkoľvek inú požiadavku na funkciu alebo zistíte chybu, môžete ju spomenúť vo vyhradenom úložisku GitHub tu.