Chrome TouchBot til måling af ydeevne på Android: latenstid, FPS og berøringstest

Android-vejledninger » Generelt » Chrome TouchBot til måling af ydeevne på Android: latenstid, FPS og berøringstest

Hvis du bruger en Android-telefon dagligt, gør den flydende bevægelse, hvormed skærmen reagerer på dine bevægelser, hele forskellen på en behagelig og en frustrerende oplevelse. Latens, billeder pr. sekund og berøringsnøjagtighed påvirker alt fra at scrolle gennem sociale medier til at spille spil. I denne sammenhæng fremviste Google en genial robot kaldet Chrome TouchBot Den automatiserer berøringstests og muliggør grundig måling af ydeevnen på enheder og systemer i hjemmet. Selvom det lyder meget laboratorieagtigt, replikerer dens tests hverdagsbevægelser, så resultaterne er repræsentativ for det virkelige liv.

I de følgende linjer finder du en komplet og meget praktisk guide. Du vil se præcis, hvad denne robot er, hvordan den fungerer, og hvorfor den er vigtig. Vi vil også udforske officielle Android-værktøjer til inspektion af ydeevne (såsom Perfetto og Android Studio-profilgeneratorerne), vil vi måle weboplevelse Ved hjælp af Chrome DevTools Performance-panelet gennemgår vi nyttige apps for at sikre, at din berøringsskærm reagerer som den skal. Vi inkluderer også en kuriøs anekdote relateret til... Smart Lock Lollipop afslørede et billede af en Nexus 6, der kører Windows Phone, og en liste over sprog, hvor du finder dokumentation og ressourcer. Ideen er, at du går derfra med et klart og ligetil kort og med alle brikkerne af puslespillet.

Hvad er Chrome TouchBot, og hvorfor er det vigtigt for Android?

Den franske ingeniør François Beaufort, en af ​​de førende skikkelser bag Chromium, delte en demonstrationsvideo på sine YouTube- og Google+-konti, der viser den robot, Google bruger som en touchscreen-tester. Klippet afspilles hurtigt for at undgå at gøre det kedeligt, men det demonstrerer tydeligt, hvordan denne robot... Chrome TouchBot Den udfører sekvenser af kontrollerede handlinger på skærmene og gengiver tryk og swipes med en konstant præcision, der ville være umulig at opnå manuelt over timevis af test. Det accelererede tempo i videoen forringer ikke det mindste gennemsigtighed Som det kan ses, er arbejdsgangen perfekt illustreret.

Robotten er designet til at evaluere både Android-enheder og -udstyr med ChromeOSDens formål er at måle objektive parametre for taktil ydeevne, herunder latens mellem berørings- og visuel respons, opdateringshastighed eller FPS (billeder pr. sekund) og skærmfølsomhed over for forskellige typer interaktion. Med disse indikatorer kan softwareteams registrere afvigelser, sammenligne builds og verificere, at systemændringer ikke introducerer regressioner i flydendeheden.

For at indhente nyttige data replikerer TouchBot bevægelser, som enhver bruger ville foretage: enkelttryk, gentagne tryk og frem for alt rulle (rulning) i forskellige rytmer og mønstre. Intet science fiction her: det er hverdagsagtige handlinger, men udført med millimeterpræcision, der gør resultatet til et solidt målestoksforhold. Hvis rulningen bliver hakkende, eller latensen øges, registreres det øjeblikkeligt og kan justeres. korrekt før det når brugerne.

Et særligt interessant punkt er, at TouchBot-kode Den blev udgivet som et open source-projekt. Dette gør det nemt for tredjeparter at studere tilgangen, tilpasse den til deres miljøer eller genimplementere den til deres egne testmiljøer. Takket være denne åbenhed er det ikke kun Google, der drager fordel af robotten: alle, der er interesserede i at måle berøringsinteraktion i industriel skala, kan. startende fra det grundlag og byg din løsning.

Sådan tjekker du din skærm: apps og tests, der rent faktisk hjælper

Uanset hvor kraftig hardwaren er, er oplevelsen ødelagt, hvis der er en forsinkelse i panelets respons, døde zoner eller uoverensstemmelser mellem det, du berører, og det, systemet fortolker. I tilfælde, hvor du har mistanke om problemer eller blot ønsker at kontrollere, at alt fungerer korrekt, findes der lette værktøjer, der er designet til at kontrollere skærmen i detaljer uden behov for [den nødvendige software/værktøjer]. rodEn af de mest ligefremme er Touch Screen Test: den hjælper med at kontrollere, at hvert område af skærmen reagerer, viser om der er forsinkelser, og guider dig med en simpel brugerflade til at udføre kontroller uden at komplicere tingene. Dens formål er klart: gratisLet, aflader ikke batteriet og har en ren brugerflade, som alle kan bruge.

• Gratis og komplet: få adgang til dens funktioner uden omkostninger.
• Let og effektiv: det hæmmer ikke ydeevne eller forbrug.
• Enkel grænsefladeTydelig navigation, ideel til nybegyndere.
• Ingen rodKompatibel med de fleste Android-telefoner.

For dem, der ønsker at gå endnu længere, giver DisplayTester dig mulighed for at analysere næsten alle aspekter af enhedens LCD/OLED-panel og endda drage fordel af Google Cast til at køre tests på dit tv og vurdere billedkvaliteten på en stor skærm. Den er designet til at køre tests i fuld skærm, selv på enheder med softwarenøgler (skjult i Ice Cream Sandwich og senere versioner, der bruger immersiv tilstand fra KitKat og fremefter). Den gratis version tilbyder en arsenal af tests virkelig rummelig.

• Detektion af døde pixels med sider i ensfarve.
• Farvetestskontrast, gradienter (bånddannelse) og mætning.
• Gammakalibrering i grå, rød, grøn og blå.
• Betragtningsvinkler (ikke nyttigt på OLED, som nævnt).
• Bredt farvespektrum at evaluere farvedækningen.
• Multi-touch-test for at se, hvor mange fingre den genkender og hvordan.
• Skærmens ydeevne med scener designet til at stresse panelet.
• Reparer indbrænding med rullende sorte og hvide bjælker.
• Vis oplysningerstørrelse, GPU, dpi, størrelse i dp, OpenGL 1.x, pixelformat.
• Ægte fotografier til reference og sammenligning.
• 4-farvet gradient med korrekt drejning (Android 2.2+).
• Pixelformat og dithering at opdage artefakter.
• Integrerede kilder for at gennemgå systemfonte.
• Manuel DPI-måling y farvekort.
• Dødzone-tjekker på berøringsskærmen.
• Systemkildetests y DIP/PX-beregner.

Pro-versionen tilføjer funktioner som fuld Google Cast-understøttelse og en reparationstilstand for støjindbrænding (hvid, sort og hvid, rød, grøn og blåDen inkluderer også praktiske bevægelser: swipe til venstre/højre for at skifte test, op/ned for lysstyrke, langt tryk for at skifte til fuld skærm (Android 3.0+) og dobbelttryk for at skjule eller vise den specifikke indstillingsdialog. Hvis du skjuler softwaretasterne, er tricket til at navigere simpelt: tryk én gang for at få dem vist, og swipe derefter hurtigt til den næste test, før de vises igen. skjulUdvikleren opfordrer alle med problemer eller forslag til at skrive via e-mail og foreslår at købe Pro-versionen for at understøtte fortsat udvikling.

Ydelsesinspektion i Android: fra manuel til automatiseret

Android tilbyder flere måder at forstå, hvad der sker i din app, når noget ikke fungerer som forventet. Ideelt set bør du starte med at fokusere på ét specifikt område pr. iteration: app-lanceringDette inkluderer låste eller "jank"-billeder (langsom gengivelse), skærmovergange og navigationshændelser, langvarige job og baggrundshandlinger såsom I/O og netværk. Denne indsnævrede tilgang reducerer støj og hjælper dig med at finde den grundlæggende årsag til problemet. hurtigere.

For den mest detaljerede inspektion på Android 9 og nyere er stjerneværktøjet PerfettoDet giver dig mulighed for at registrere meget fine spor af dit system og din app, og takket være effektive filtre kan du justere detaljeniveauet, så det passer til dine behov når som helst. Hvis du lige er startet, er der en hurtigstartguide til logføring af spor på Android, der lærer dig, hvordan du registrerer, eksporterer og læser spor uden at fare vild i detaljerne. Begivenheder.

De indbyggede Android-profiler i Android Studio giver også værdifuld statistik: CPU, hukommelse, netværk og strømforbrug. Disse er især nyttige, hvis du arbejder med enheder ældre end Android 9, eller hvis du vil skifte mellem en global og en mere granulær visning uden at forlade IDE'en. Det er værd at gennemgå systemlogoversigten og performance debugging-serien for at mestre læsning af logfilerne. registros og sammenlign dem med det, du ser på skærmen.

Ud over manuel inspektion, konfigurer automatiske tests Det giver dig mulighed for regelmæssigt at indsamle og aggregere data. Dette giver dig et mere præcist billede af, hvad brugerne rent faktisk ser, og hjælper dig med at opdage regressioner tidligt. Brug biblioteket til at måle store slutbrugerinteraktioner (lancering, animationer og interaktion med brugergrænsefladen). MakrobenchmarkOg i meget specifikke tilfælde i din kode, brug MikrobenchmarkI produktionstilstand giver Android Vitals dig besked, når vigtige metrikker overstiger forudbestemte tærskler, og Firebase Performance SDK indsamler indikatorer såsom tiden fra brugeren åbner appen, til den reagerer, hvilket hjælper dig med at identificere problemer. flaskehalse ved opstart.

Når du har brug for en mere målrettet lokal profileringssession, giver Android Studio dig mulighed for at optage brugerdefinerede profiler, og hvis du vil ned til detaljerne for større præcision, kan du gå tilbage til Perfetto at registrere præcis, hvad systemet gør under kraftig scrolling eller indlæsning af ressourcer. Ved at kombinere begge tilgange (manuel og automatisk) får du dækning både i laboratoriet og i den virkelige verden, hvilket maksimerer din evne til at forhindre problemer. regressioner.

Webmålinger og ydeevnepanel i Chrome DevTools

Hvis din app bruger WebView, eller du er bekymret for ydeevnen af ​​det websted, der supplerer dit produkt, panelet Ydelse Chrome DevTools er en uundværlig allieret. Det giver dig mulighed for at registrere CPU-profiler, analysere tidslinjen og opdage flaskehalse og muligheder for at optimere ressourceforbruget. Med det kan du registrere en profil, justere optagelseskonfiguration og analysere detaljerede rapporter, der afspejler, hvad der sker på hovedtråden, i rendering og i inputhændelser, med en indsigt, der omsætter data til beslutninger praksis.

For at åbne panelet skal du gå til DevTools og vælge Ydelse i de øverste faner. Hvis du foretrækker kommandomenuen: Tryk på Command + Shift + P på macOS; tryk på Ctrl + Shift + P på Windows, Linux og ChromeOS. Skriv "Ydeevnepanel", vælg "Vis ydeevnepanel", og bekræft med Enter. Så snart du indtaster, vil du se dine lokale målinger af LCP (Største indholdsrige maling) og CLS (Kumulativ layoutændring) med en vurdering (god, skal forbedres eller dårlig). Når du interagerer med siden, registrerer den også dine I s (Interaktion med Next Paint) for at lukke trekanten af ​​Essential Web Metrics med din faktiske forbindelse og enhed.

Under metrikkortene, i fanerne for interaktioner y designændringerDer er tabeller med elementer, tidspunkter, faser (for interaktioner) og scorer (for designændringer). Du kan rydde begge lister med knappen Ryd. Hvis du holder markøren over en metrikværdi, vil du se en opdeling i et forslag, hvilket er nyttigt til at forstå, hvor hver værdi kommer fra. punto.

Dashboardet giver dig også mulighed for at sammenligne din lokale oplevelse med feltdata fra Chrome UX-rapporten. For at tilføje feltdata skal du gå til Ydeevne > Næste trin > Feltdata og klikke på Konfigurer. Accepter privatlivsmeddelelsen, og konfigurer om nødvendigt tilknytninger mellem dine udviklings- og produktionskilder i afsnittet. avanceretFor eksempel kortlægning http://localhost:8080 med https://example.com Dette vil medføre, at feltdata fra example.com/page1 vises, når du besøger localhost:8080/page1. Hvis du ikke kan hente disse data automatisk, skal du aktivere "Vis altid feltdata fra følgende URL" og indtaste en URL. Du kan senere ændre denne indstilling fra Feltdata > Konfigurer. På denne måde viser panelet en sammenligning mellem dine lokale målinger og dem, som brugerne oplever, inklusive perioden for samling.

For at tilpasse dit miljø til dine brugeres skal du åbne afsnittet "Overvej dine lokale testforhold" på hvert kort. Du kan justere visningen til almindelige størrelser (720p, 1080p), vælge enhedstypen (f.eks. Desk Hvis de fleste brugere bruger internettet fra en computer, skal du begrænse netværket (f.eks. hurtig 4G) og CPU'en (f.eks. 20x langsommere hastighed) og deaktivere netværkscaching. Panelet foreslår endda kalibrerede CPU-forudindstillinger, og du kan kalibrere dine egne for at efterligne mobile enheder i lav til mellemklassen. Når du har konfigureret miljøet, skal du genindlæse, interagere for at registrere INP (Input Nominal Points) og sammenligne igen. Hvis de lokale forhold nu ligner virkelige forhold, forsvinder disse anbefalinger, hvilket indikerer, at du er på rette vej. test godt.

Når det er tid til at optage, tilbyder panelet flere optagemuligheder og en menu med Optageindstillinger for at berige rapporten. Brug derefter guiden "Analyser en performanceoptagelse" til at forstå faner som Bottom-up, Opkaldstræ og Hændelseslog, eller til at filtrere det, der er vigtigt i din arbejdsgang. Og hvis du vil fortsætte med at optimere, kan du tage et kig på andre DevTools-dashboards, der også påvirker performance, f.eks. Dækning, Netværk o Hukommelse.

Smart Lock i Lollipop og det kuriøse billede af Nexus 6

Android Lollipop er ankommet Smart lås (Smart Lock), en funktion designet til at forhindre dig i at skulle indtaste pinkoder og adgangskoder konstant. Den registrerer, om miljøet er betroet, og låser eller låser enheden op i overensstemmelse hermed. Den bruger signaler som din placering (for eksempel dit hjem), tilstedeværelsen af ​​en parret Android Wear-enhed – som f.eks. LG G Watch R – på dit håndled, og i visse tilfælde din stemme. I daglig brug, når alt er konfigureret, forbliver telefonen tilgængelig, hvor den skal være, og sikkerheden forbedres, når du forlader dette område. miljø.

Nyheden var så betydningsfuld, at Google offentliggjorde en dedikeret side for at forklare den. Det slående er, at på et af billederne ses en... Nexus 6 tilsyneladende kørende Windows Phone med Netflix-appen på skærmen. Detaljen blev selvfølgelig opdaget af Reddit-brugere – utrættelige selv i de tidlige morgentimer – og endte med at udløse kommentarer, vittigheder og teorier varieret.

Enhver, der har lidt under Windows Phone, vil huske sammenstødet med Googles økosystem: Ud over den officielle søgeapp manglede platformen en bemærkelsesværdig mangel på native Google-apps. YouTube-appen blev fjernet og erstattet med et simpelt link til webversionen, og i tjenester som gmail Google+ havde en mærkbart forældet brugerflade, når den blev brugt via systembrowseren. Denne kontekst forstærkede yderligere det mærkelige ved at se en Nexus 6 "med" Windows Phone i reklamemateriale. Google.

Nogle forestillede sig en tilnærmelse mellem Google og Microsoft, der ville føre til, at man adopterede Windows Phone som model og pressede producenterne til at følge trenden, med nik til idéer som denne. Samsung patent der forvandlede Android-telefoner til Windows-bærbare computere. Andre tog det som en intern designjoke eller en fejltagelse fra en person i hast. Uanset hvad blev billedet hurtigt ændret til et andet med Nexus 6 kører Android Lollipop, og episoden blev en anekdote, der minder os om, at selv giganter har fejl, som fællesskabet opdager med lynets hast. lys.

Hvis du leder efter dokumentation og ressourcer, vil du opdage, at Google og dets udviklerosystem tilbyder materialer på en bred vifte af sprog: Engelsk (Portugal) українська, עברית‎, العربية‎, فارسی‎, मराठी, हिन्दी, বাংলা ગુજરાતી, தமிழ், తెలుగు, ಕನ್ನಡ, മലയഗูം, አማርኛ, 中文（中国）, 中文（台灣）, 日本語, 한국어Uanset hvor du arbejder fra, er der stor sandsynlighed for, at du finder guider i dit område. sprog.

En arbejdsgang der fungerer: laboratorie, felt og skærm

Den vindende kombination til måling af ydeevne i Android involverer en kombination af laboratorietests touchbot med manuel og automatiseret inspektion på rigtige enheder. Det begynder med at definere kritiske brugerstier, såsom støvleGrundlæggende navigation og rulning i billedfeeds analyseres. For hver af dem registreres spor med Perfetto og profiler med Android Studio, og periodiske tests tilføjes med Macrobenchmark for at overvåge regressioner. Parallelt hermed overvåges Performance-panelet i Chrome, hvis dit produkt har en webkomponent, så eventuelle ikke-optimerede LCP-, CLS- eller INP-problemer opdages, før de påvirker ydeevnen. brugere.

Ved udelukkende berøringsrelaterede problemer (døde zoner, forkert justering, uregelmæssig respons) kan du bruge værktøjer som Touch Screen Test og DisplayTester. Disse hjælper dig med at isolere, om problemet er hardwarerelateret, driverrelateret eller softwarerelateret. Og hvis du også udvikler til tv eller projicerer til et tv, kan du udnytte Google Cast med DisplayTester til at se, hvordan indholdet opfører sig på en anden skærm, hvilket hjælper dig med at identificere og løse problemer. kolorimetriGamma eller banding, som du måske ikke har bemærket på din telefon. Fuldend billedet med produktionstelemetri (Android Vitals og Firebase Performance) og tærskelalarmer. På denne måde registreres enhver forringelse tidligt, og du kan vende tilbage eller rette den, før den påvirker en betydelig procentdel af publikum.

Fra robotter, der trykker og swiper med metronomlignende præcision, til paneler, der dissekerer hvert millisekund af din brugerflade, er økosystemet til måling af berørings- og visuel ydeevne på Android enormt og komplementært. Chrome TouchBot giver mulighed for gentagelig og sammenlignelig testning; Perfetto- og Android Studio-profiler giver dig forstørrelsesglasset til at se, hvad der sker under motorhjelmen; Chrome DevTools justerer dig med Essential Web Metrics; og apps som Touch Screen Test og DisplayTester bringer hverdagens skærmfejl ned på jorden. Sæt alle disse dele sammen med en plan og regelmæssige gennemgange, og resultatet er en mere problemfri oplevelse. jævn, stabil og forudsigelig for dem, der bruger din app hver dag.