Hogyan gondoskodik a Mozilla a Firefox egészségéről - és mit tanulhat belőle

Jelenleg a Firefox egészségügyi irányítópultján dolgozom a Mozilla-val való Outreachy szakmai gyakorlat részeként. És itt vannak a fő célok, amelyeket a gyakorlat során el akarunk érni.

  • Új funkciók hozzáadása a teljesítményadatok grafikus megjelenítéséhez
  • Helyezze át a meglévő JS Team (Firefox Performance) irányítópultot az egészségügyi irányítópultra
  • Javítsa a diagramokon meglévő információkat, és javítson ki néhány hibát

A bejegyzés fő célja, hogy elmagyarázza a projektet valakinek, aki nincs a közösségben, és nem ismeri a Mozilla által készített dolgokat. A cél az, hogy az újoncok és más közreműködők megértsék az irányítópultot, hogy hozzájáruljanak ehhez a nyílt forráskódú projekthez, és jobban megértsék, mi történik belül.

Mi az a Firefox Health Dashboard?

A Firefox Health egy olyan projekt, amely irányítópultokat hoz létre projektmenedzserek és mérnökök számára. Megjeleníti a Firefox mátrixait és statisztikáit, amelyek segítenek megfelelni a kiadási feltételeknek. Lehetővé teszi a Mozilla kiadáskövetőjének (Bugzilla), a teljesítményadatok (Perfherder), a termékmérőszámok (Telemetria) és néhány további forrás felvételét. Az összes adat grafikonok formájában jelenik meg, nyílt forráskódú ChartJS könyvtár segítségével, a különböző dátumokra és platformokra vonatkozó betekintés megjelenítéséhez.

Korábban Platform Health néven ismert. 2018 januárjában átalakították Firefox Health Dashboard néven. Az egyik fő változás ebben a refaktorizálásban az volt, hogy elválasztotta a háttérképet a kezelőfelülettől. Ez javította a kód karbantarthatóságát.

Technológiák:

A háttérrendszert a NodeJS és a Koa segítségével írják. A kezelőfelület a ReactJS, valamint a ChartJS nyílt forráskódú grafikus könyvtár használatával épül fel. Az adatok egy része különböző gazdagépektől származik különböző könyvtárakon keresztül. Például a perf-google a Mozilla Perfherderjétől kérdezi a teljesítményadatokat. A jelentett hibáról a Bugzilla származik. Tehát, ha valamikor a jövőben tervez hozzájárulást adni, akkor ismernie kell a fent említett technológiákat.

Ez az irányítópult a különböző Firefox verziók és eszközök teljesítményét szolgálja. De ma a Firefox androidról fogunk beszélni, és arról, hogy a Mozilla mérnökei hogyan gondoskodnak a teljesítményéről.

Adatok / mutatók a Firefox androidhoz

Jelenleg a Firefox androidra vonatkozó adatok különböző forrásokból származnak. Az adatokat grafikonok formájában jelenítjük meg a jobb megértés és elemzés érdekében. A Firefox androidra vonatkozó összes betekintést az egészségügyi irányítópulton láthatja. Íme néhány forrás és információ a Firefox androidról, amelyek segítenek a mérnököknek a böngésző teljesítményének javításában.

Bugzilla:

A Mozilla által kifejlesztett Bugzilla egy ingyenes, nyílt forráskódú eszköz a hibák, problémák és változáskérések nyomon követésére nagy komplex alkalmazásokban. Több ezer szervezet használja a termék teljesítményének nyomon követésére. Az Egészség irányítópultján használjuk, hogy szemmel tartsuk a Firefox Androidban felbukkanó hibákat.

Mint fent említettük, a ChartJS-t használjuk az adatok megjelenítéséhez. Itt van egy grafikon, amely a bugzillai Firefox Android különböző dátumain jelentett hibák számát mutatja. A P1 címkével rendelkező hibáknak van a legnagyobb prioritása. A lehető leghamarabb meg kell javítani őket. Ezután jönnek a 2. legnagyobb prioritású P2 hibák. A P3 szintű hibák a legalacsonyabb prioritásúak, és a mérnökök bármikor kijavíthatják őket. Ez segít a fejlesztőknek és a termékmenedzsereknek a különböző prioritások hibáinak hatékonyabb felülvizsgálatában és a prioritásnak megfelelő megoldásban.

NimbleDroid:

A NimbleDroid nevű, harmadik féltől származó szolgáltatást használunk az adatok betekintéséhez a Firefox Android elleni tesztek futtatása után. A NimbleDroid egy funkcionális teljesítménytesztelő szolgáltatás androidos és IOS-eszközökhöz.

Figyelje a kritikus felhasználói folyamatokat a mobilalkalmazás minden egyes verziója esetén. Olyan problémák meghatározása, amelyek rontják a felhasználói élményt a fejlesztési ciklus elején. Zökkenőmentesen integrálható a CI munkafolyamatába. - Hivatalos oldal

Telemetria:

A telemetria olyan eszköz, amely képes teljesítmény- és használati információkat szolgáltatni a Mozilla számára, hogy segítse a mérnököket és a döntéshozókat a Firefox valós életben való teljesítményének mérésében. Képes összegyűjteni a teljesítményt, a hardvert, a felhasználást, a testreszabást és más nem személyes információkat a Firefox felhasználójától, és napi rendszerességgel elküldheti a Mozillának, hogy segítse a mérnököket a böngésző minőségének és hatékonyságának javításában.

Android-eszköz esetén a böngésző méri azt az időt, amelyre egy tartalmi oldal betöltésére van szükség, és a Telemetria segítségével jelentést küld róla. Ezután grafikus formában jelenítjük meg. Például a képernyőkép szerint a felhasználók 75% -a 2018. szeptember 19-én 4,9 másodperces teljes tartalmi oldal betöltési időt jelentett. Ezeket az adatokat különböző felhasználók különböző eszközeiről gyűjtik össze. Ez segít a mérnököknek, hogy szemmel tartsák a böngésző betöltési idejét a sebesség növelése és hatékonyabbá tétele érdekében.

Előadó:

A Perfherder egy olyan rendszer, amely segíti a mérnököket a Mozilla-termékek, például a Firefox vagy a Firefox Android elleni számos automatizált teszt által előállított teljesítményadatok megjelenítésében és elemzésében. A Perfherder a Treeherder projekt része. Ez egy újabb irányítópult a Mozilla projektjeibe történő bejelentkezéshez. Az eszköz fő célja annak biztosítása, hogy az idő múlásával a Firefox teljesítménye jobb legyen. Regressziók jelentésével segíti a fejlesztőket a változásaik és a lehetséges javítások megértésében.

A következő cikkekben a Firefox Quantum és a JS csapat irányítópultjáról fogunk beszélni. Meglátjuk, hogyan működnek ezek az eszközök a Firefox böngésző teljesítményének javításához.

Közreműködési útmutató:

Ha érdekel a Firefox egészsége, vagy érdekelt a projektben való közreműködés, akkor itt van az út.

  • Klónozza és állítsa be a projektet a helyi gépen
  • Kövesse a readme-et
  • És kezdje az első jó kérdésekkel, ha elsöprőnek találja az indulást

Tartson velünk, ha többet szeretne megtudni arról a félelmességről, amelyet a Mozillán végzünk.