På Chrome Dev Summit 2019 tillkännagav Google nya verktyg för utvecklare för att förbättra användarupplevelsen, minska laddningstider och öka säkerheten på webben.
För två decennier sedan började Google som en webbsökmotor, men idag dominerar den hur vi upplever och interagerar med webben. Google Sök, i sig självt, styr det mesta av onlineanvändningen, men andra produkter som världens mest populära webbläsare – Google Chrome – liksom det mest använda mobiloperativsystemet – Android – har satt Google i täten bland andra intressenter på webben. Andelen användare som går online med mobila enheter har ökat och det har även internetjättens betoning på att minska laddningstiderna för att säkerställa att de är klibbiga. AMP eller accelererade mobilsidor var ett steg som Google tog för att säkerställa snabbare inläsning av webbsidor. Förra året introducerade den också ett webbelement som kallas "Portaler" för att optimera "sömlös" växling mellan webbsidor.
Med visionen att "få lastning att försvinna
", Google tillkännagav idag nya utvecklarverktyg på Chrome Dev Summit 2019 att göra webben säkrare och mer användarvänlig samtidigt som man förbättrar chanserna att hjälpa utvecklare att öka sin användarbas såväl som intäkter.Portaler
Google visade framstegen som Portaler har gjort sedan de lanserade den på Google I/O tidigare i år och implementerade bakom en flagga i Chrome Canary. För att fräscha upp ditt minne tillåter Portals utvecklare att bädda in visst innehåll eller hela webbsidor på en annan webbsida precis som en iframe. För att eliminera eventuell väntetid laddas innehållet i portalen eller ramen medan användarna fortfarande surfar på den första webbsidan.
Google har delat ett exempel på filmbiljetttjänst Fandango där målsidan för en viss film (Joker i exemplet) är bunden inuti en portal. När en användare trycker på Joker, renderas nästa sida redan fulladdad.
Webbpaket
Google tillkännager Webbpaket som är skapad för att hjälpa webbutvecklare att dela sitt webbinnehåll med andra genom en mängd olika medier, inklusive men inte begränsat till e-post, USB eller FTP. Utvecklare kommer att effektivt cachelagra hela webbinnehållet som är avsett att delas med hjälp av API: er som Bakgrund Periodisk synkronisering och Innehållsindexering och sedan selektivt återge det nödvändiga innehållet även om slutanvändaren inte är ansluten till internet. För att göra det möjligt för webbutvecklare att använda den här funktionen gör Google webbpaket tillgängliga bakom en Chrome-flagga medan de två API: erna kommer att vara tillgängliga som ursprungsförsök.
Native-liknande webbupplevelse
Samtidigt som Google är medvetet om att många användare använder sina mobiltelefoner för att gå online, erkänner Google också användningsmönstren över flera enheter över hela världen. I mer än ett par år har Google drivit på Progressiva webbappar (PGA) som ett substitut för inbyggda Android-appar med målet att minska laddningstid och dataförbrukning.
[video width="390" height="800" mp4=" https://static1.xdaimages.com/wordpress/wp-content/uploads/2019/11/Login_OTP_Flow_Swiggy.mp4"]
För att anpassa applikationerna på webben med inbyggda appar tillkännager Google tre nya funktioner för utvecklare. Dessa är:
- SMS-mottagare, vilket gör att webbappar kan hämta SMS-baserade autentiseringskoder precis som appar kan. I videon ovan kan du se hur sömlöst webbversionen av Swiggy, en indisk matbeställningstjänst, föreslår användaren att utnyttja verifieringskoden som tas emot via SMS.
- Kontakta Picker, vilket låter användare ladda upp kontakter till webbappar på ett sätt som liknar kontaktdelning på meddelandeappar som WhatsApp.
- Native File System API, vilket ger webbappar behörighet och möjlighet att läsa filer och mappar från en användares enhet och spara ändringar i dem direkt. Potentiella tillämpningar av den här funktionen kan inkludera textredigerare online, foto- och videoredigerare, till och med webbaserade IDE: er och mer.
Dessa API: er kommer också att vara tillgängliga som ursprungstest för Google Chrome.
Ny statistik och vägledning för utvecklare
För att hjälpa till att kontextualisera den allmänna "webbens hälsa" har Google annonserat ett projekt som heter Web-almanackan i samarbete med HTTP-arkiv. Med vägledning från 85 experter syftar projektet till att söka insikter och visualisera trender på handlingsbar data om de bästa och sämsta metoderna på webben.
Uppdraget innebar att granska nästan 6 miljoner webbplatser, varefter dessa experter har sammanfattat sina slutsatser om sätt att förbättra användarupplevelsen i 20 kapitel. Denna praxis kommer att upprepas som en "årlig tradition" så att almanackan förblir en fyndig guide för webbutvecklare.
Tillsammans med detta introducerar Google också två nya mätvärden för att hjälpa utvecklare att optimera sina webbplatser för bästa praxis. Dessa är:
- Largest Contentful Paint (LCP), som den "upplevda" laddningstiden för en webbsida. Enkelt uttryckt är det laddningstiden för det "största elementet som är synligt i synvinkeln." Det här kommer att kvantifiera hur snabbt nyckelelementen på en webbsida laddas så att utvecklare kan eliminera alla sorter av eftersläpning. LCP beräknas för tiden innan användaren interagerar med sidan så avsikten här är att minimera laddningsfördröjningen så mycket som möjligt.
- Cumulative Layout Shift (CLS), som används för att mäta webbsidors stabilitet. Det kan hjälpa utvecklare att avgöra hur ofta element som knappar eller en viss bild ändrar sin plats på den synliga delen medan sidan laddas. Således kan CLS hjälpa utvecklare att eliminera detta frustrerande problem med element som ändrar sin position medan sidan laddas. Detta mätvärde förlitar sig på "layout shift-poäng" som mäter tendensen hos sidelement att förskjutas under laddning, vilket stör användarna. Layoutskiftpoängen bör helst vara noll – eller åtminstone så nära noll som möjligt – för att säkerställa en problemfri upplevelse för användarna.
Med målet att hjälpa utvecklare att uppnå bästa prestanda, tillgänglighet och effektivitet på sina webbplatser, utökar Google omfattningen av Lighthouse Stack Packs till en mängd olika ramar. Förutom WordPress och Next.js, som redan stöds av Lighthouse, lägger Google till stöd för ramverk som AMP, Angular, React samt Magento, CMS som uteslutande riktar sig till e-handel webbplatser.
Förbättra minneshantering, bättre integritet och större kontroll
Google hävdar att de investerar tid, ansträngning och pengar för att åtgärda ett av de största klagomålen med Google Chrome och det är minnesförbrukning. Förutom att de arbetar med att förbättra minneshanteringen, förbättrar de också ständigt Chromes prestanda för att säkerställa att webben förblir tillgänglig för alla, oavsett "deras enhetstyp eller internethastighet eller köpkraft."
När det gäller sekretess kommer nästa version av Google Chrome, dvs. ver79, att förbättra hur cookies hanteras. Detta inkluderar en ny växling på sidan Nya flikar i inkognitoläget för att hjälpa användare att kontrollera tredjepartscookies mycket bättre. Inställningar-sidan kommer också att justeras för att göra den här växlingen lättillgänglig i det vanliga läget.
Google fortsätter sina ansträngningar för att utveckla Sekretess sandlåda, som definieras som en uppsättning öppna standarder som utformats för att förbättra integriteten online. Sekretesssandlådan syftar till att tillåta webbplatser att distribuera cookies utan att få användare att känna sig överväldigade eller osäkra på grund av annonser samtidigt som de kan hitta sätt att blockera fingeravtryck.