Google annoncerer nye Chrome-udviklerværktøjer til at reducere sideindlæsninger, forfine UX

På Chrome Dev Summit 2019 annoncerede Google nye værktøjer til udviklere til at forbedre brugeroplevelsen, reducere indlæsningstider og øge sikkerheden på nettet.

For to årtier siden startede Google som en websøgemaskine, men i dag dominerer den, hvordan vi oplever og interagerer med nettet. Google Søgning i sig selv styrer i høj grad det meste af onlinebrugen, men andre produkter som verdens mest populære browser – Google Chrome – samt det mest brugte mobile styresystem – Android – har sat Google i spidsen blandt andre interessenter på nettet. Procentdelen af ​​brugere, der går online ved hjælp af mobile enheder, er steget, og det samme er internetgigantens vægt på at reducere indlæsningstider for at sikre klæbrighed. AMP eller accelererede mobilsider var et skridt Google tog for at sikre hurtigere indlæsning af websider. Sidste år introducerede den også et webelement kendt som "Portaler" for at optimere "sømløs" skift mellem websider.

Med visionen om at "få lastning til at forsvinde", Google annoncerede i dag nye udviklerværktøjer på

Chrome Dev Summit 2019 at gøre nettet mere sikkert og mere brugervenligt og samtidig forbedre chancerne for at hjælpe udviklere med at booste deres brugerbase såvel som indtægter.

Portaler

Google demonstrerede de fremskridt, der Portaler har lavet siden de lancerede det på Google I/O tidligere på året og implementeret bag et flag i Chrome Canary. For at genopfriske din hukommelse giver Portals udviklere mulighed for at integrere bestemt indhold eller hele websider på en anden webside ligesom en iframe. For at eliminere enhver ventetid indlæses indholdet inde i portalen eller rammen, mens brugerne stadig browser på den oprindelige webside.

Google har delt et eksempel på filmbillettjeneste Fandango, hvor landingssiden for en bestemt film (Joker i eksemplet) er bundet inde i en portal. Når en bruger trykker på Joker, gengives den næste side allerede fuldt indlæst.

Web bundter

Google annoncerer Web bundter som er skabt for at hjælpe webudviklere med at dele deres webindhold med andre gennem en række forskellige medier, herunder men ikke begrænset til e-mail, USB eller FTP. Udviklere vil effektivt kunne cache hele webindholdet, der er beregnet til at blive delt ved hjælp af API'er som f.eks Periodisk synkronisering i baggrunden og Indholdsindeksering og derefter selektivt gengive det nødvendige indhold, selvom slutbrugeren ikke er forbundet til internettet. For at gøre det muligt for webudviklere at bruge denne funktionalitet, gør Google Web Bundles tilgængelige bag et Chrome-flag, mens de to API'er vil være tilgængelige som oprindelsesforsøg.

Native-lignende weboplevelse

Selvom Google er opmærksom på, at mange brugere bruger deres mobiltelefoner til at gå online, anerkender Google også brugsmønstrene på tværs af enheder over hele verden. I mere end et par år har Google presset på Progressive webapps (PGA'er) som en erstatning for native Android-apps med det formål at reducere indlæsningstid og dataforbrug.

[video width="390" height="800" mp4=" https://static1.xdaimages.com/wordpress/wp-content/uploads/2019/11/Login_OTP_Flow_Swiggy.mp4"]

For at tilpasse applikationerne på nettet med native apps, annoncerer Google tre nye funktioner til udviklere. Disse er:

  1. SMS-modtager, som vil tillade webapps at hente SMS-baserede godkendelseskoder ligesom apps kan. I videoen ovenfor kan du se, hvor problemfrit webversionen af ​​Swiggy, en indisk madbestillingstjeneste, foreslår brugeren at udnytte den bekræftelseskode, der modtages via SMS.
  2. Kontakt Picker, som vil lade brugere uploade kontakter til webapps på en måde, der ligner kontaktdelingen på beskedapps som WhatsApp.
  3. Native File System API, som vil give webapps tilladelse og mulighed for at læse filer og mapper fra en brugers enhed og gemme ændringer til dem direkte. Potentielle anvendelser af denne funktion kan omfatte online tekstredigerere, foto- og videoredigerere, endda webbaserede IDE'er og mere.

Disse API'er vil også være tilgængelige som originalprøver til Google Chrome.

Nye målinger og vejledning til udviklere

For at hjælpe med at kontekstualisere den generelle "helbred på nettet" har Google annonceret et projekt kaldet Webalmanak i samarbejde med HTTP-arkiv. Med vejledning fra 85 eksperter er projektet rettet mod at søge indsigt og visualisere trends i brugbare data om den bedste og den værste praksis på nettet.

Missionen involverede gennemgang af næsten 6 millioner websteder, hvorefter disse eksperter har sammenfattet deres konklusioner om måder at forbedre brugeroplevelsen i 20 kapitler. Denne praksis vil blive gentaget som en "årlig tradition", så almanakken forbliver en ressourcestærk guide for webudviklere.

Sammen med dette introducerer Google også to nye metrics for at hjælpe udviklere med at optimere deres websteder til bedste praksis. Disse er:

  1. Største indholdsfulde maling (LCP), som den "opfattede" indlæsningstid for en webside. Kort sagt er det indlæsningstiden for det "største element, der er synligt i udsigtspunktet." Dette vil kvantificere, hvor hurtigt nøgleelementerne på en webside indlæses, så udviklere kan fjerne enhver slags af forsinkelse. LCP beregnes for tiden før brugeren interagerer med siden, så hensigten her er at minimere indlæsningsforsinkelsen så meget som muligt.
  2. Cumulative Layout Shift (CLS), som bruges til at måle stabiliteten af ​​websider. Det kan hjælpe udviklere med at bestemme, hvor ofte elementer som knapper eller et bestemt billede ændrer sin placering på den synlige del, mens siden indlæses. Således kan CLS hjælpe udviklere med at eliminere dette frustrerende problem med elementer, der ændrer deres position, mens siden indlæses. Denne metrik er afhængig af "layout shift-score", som måler sideelementernes tendens til at flytte sig under indlæsning, og derved generer brugerne. Score for layoutskift bør ideelt set være nul - eller i det mindste så tæt på nul som muligt - for at sikre en problemfri oplevelse for brugerne.

Med det formål at hjælpe udviklere med at opnå den bedste ydeevne, tilgængelighed og effektivitet på deres websteder, udvider Google omfanget af Lighthouse Stack Packs til en række forskellige rammer. Udover WordPress og Next.js, som allerede understøttes af Lighthouse, tilføjer Google understøttelse af rammer som AMP, Angular, React samt Magento, CMS'et, der udelukkende henvender sig til e-handel websteder.

Forbedre hukommelsesstyring, bedre privatliv og større kontrol

Google hævder at investere tid, kræfter og penge i at afhjælpe en af ​​de største klager med Google Chrome, og det er hukommelsesforbrug. Udover at arbejde på at forbedre hukommelsesstyring, forbedrer de også konstant Chromes ydeevne for at sikre, at internettet forbliver tilgængeligt for alle, uanset "deres enhedstype eller internethastighed eller købekraft."

Med hensyn til privatlivets fred vil den næste version af Google Chrome, dvs. ver79, forbedre, hvordan cookies håndteres. Dette inkluderer en ny kontakt på siden Nye faner i inkognitotilstand for at hjælpe brugere med at kontrollere tredjepartscookies meget bedre. Indstillinger-siden vil også blive justeret for at gøre denne skifte let tilgængelig i den almindelige tilstand.

Google fremmer sin indsats i udviklingen af Privatlivs sandkasse, som er defineret som det sæt af åbne standarder, der er udformet for at forbedre privatlivets fred online. Privatlivssandkassen har til formål at give websteder mulighed for at implementere cookies uden at få brugerne til at føle sig overvældet eller usikre på grund af annoncer, samtidig med at de finder måder at blokere fingeraftryk på.