Google najavljuje nove razvojne alate za Chrome za smanjenje učitavanja stranica, poboljšanje korisničkog doživljaja

Na Chrome Dev Summitu 2019. Google je najavio nove alate za programere za poboljšanje korisničkog iskustva, smanjenje vremena učitavanja i povećanje sigurnosti na webu.

Prije dva desetljeća Google je počeo kao web tražilica, ali danas dominira načinom na koji doživljavamo web i komuniciramo s njim. Google Search, sam po sebi, u velikoj mjeri kontrolira većinu online upotrebe, ali drugi proizvodi poput najpopularnijeg preglednika na svijetu – Google Chrome – kao i najčešće korišten mobilni operativni sustav – Android – stavio je Google na vodeće mjesto među ostalim dionicima weba. Postotak korisnika koji idu na internet putem mobilnih uređaja se povećao, a tako je i naglasak internetskog diva na smanjenju vremena učitavanja kako bi se osigurala nepomična povezanost. AMP ili ubrzane mobilne stranice bio je jedan korak koji je Google poduzeo kako bi osigurao brže učitavanje web stranica. Prošle je godine također predstavio web element poznat kao "Portali" za optimizaciju "bešavnog" prebacivanja između web stranica.

S vizijom da "učiniti da učitavanje nestane," Google je danas najavio nove alate za razvojne programere na Chrome Dev Summit 2019 kako bismo web učinili sigurnijim i lakšim za korisnike, a istovremeno poboljšali izglede za pomoć programerima u povećanju njihove korisničke baze, kao i prihoda.

Portali

Google je pokazao napredak koji Portali napravio otkad su ga lansirali na Google I/O ranije ove godine i implementirali iza zastavice u Chrome Canary. Kako biste osvježili svoje pamćenje, portali omogućuju programerima da ugrade određeni sadržaj ili čitave web stranice u drugu web stranicu baš kao iframe. Kako bi se uklonilo vrijeme čekanja, sadržaj unutar portala ili okvira učitava se dok korisnici još pregledavaju početnu web stranicu.

Google je podijelio primjer servisa za prodaju kino ulaznica Fandango u kojem je odredišna stranica za određeni film (Joker u primjeru) vezana je unutar portala. Kada korisnik dodirne Joker, sljedeća stranica se prikazuje već potpuno učitana.

Web paketi

Google najavljuje Web paketi koji je stvoren kako bi pomogao web programerima da dijele svoje web sadržaje s drugima putem raznih medija, uključujući ali ne ograničavajući se na e-poštu, USB ili FTP. Programeri će moći učinkovito spremiti u predmemoriju cijeli web-sadržaj namijenjen dijeljenju pomoću API-ja poput Pozadinska periodična sinkronizacija i Indeksiranje sadržaja a zatim selektivno renderirati traženi sadržaj čak i ako krajnji korisnik nije spojen na internet. Kako bi web programerima omogućio korištenje ove funkcije, Google čini Web Bundles dostupnima iza zastavice Chrome dok će dva API-ja biti dostupna kao ispitivanja porijekla.

Web iskustvo nalik izvornom

Iako je svjestan da mnogo korisnika koristi svoje mobilne telefone za pristup internetu, Google također priznaje obrasce korištenja različitih uređaja diljem svijeta. Više od nekoliko godina, Google je gurao Progresivne web aplikacije (PGA) kao zamjena za izvorne Android aplikacije s ciljem smanjenja vremena učitavanja i potrošnje podataka.

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

Kako bi uskladio aplikacije na webu s izvornim aplikacijama, Google najavljuje tri nove značajke za programere. Ovi su:

  1. SMS prijemnik, koji će omogućiti web-aplikacijama da dohvate autentifikacijske kodove temeljene na SMS-u baš kao što to mogu aplikacije. U videu iznad možete vidjeti kako web verzija Swiggyja, indijske usluge za naručivanje hrane, sugerira korisniku da iskoristi kontrolni kod primljen putem SMS-a.
  2. Kontaktirajte Picker, koji će korisnicima omogućiti prijenos kontakata na web aplikacije na način sličan dijeljenju kontakata u aplikacijama za razmjenu poruka poput WhatsAppa.
  3. API izvornog datotečnog sustava, koji će web-aplikacijama dati dopuštenje i mogućnost čitanja datoteka i mapa s korisničkog uređaja i izravnog spremanja promjena u njih. Potencijalne primjene ove značajke mogu uključivati ​​mrežne uređivače teksta, uređivače fotografija i videa, čak i IDE-ove temeljene na webu i još mnogo toga.

Ovi će API-ji također biti dostupni kao probni izvori za Google Chrome.

Nova metrika i smjernice za programere

Kako bi pomogao kontekstualizirati opće "zdravlje weba", Google je najavio projekt pod nazivom Web almanah u partnerstvu s HTTP arhiva. Uz vodstvo od 85 stručnjaka, projekt je usmjeren na traženje uvida i vizualizaciju trendova na djelotvornim podacima o najboljim i najgorim praksama na webu.

Misija je uključivala pregled gotovo 6 milijuna web stranica, nakon čega su ti stručnjaci saželi svoje zaključke o načinima poboljšanja korisničkog iskustva u 20 poglavlja. Ova praksa će se ponavljati kao "godišnja tradicija" kako bi Almanah ostao snalažljiv vodič za web programere.

Uz to, Google također uvodi dvije nove metrike kako bi pomogao razvojnim programerima da optimiziraju svoje web stranice za najbolju praksu. Ovi su:

  1. Slikanje najvećeg sadržaja (LCP), što je "percipirano" vrijeme učitavanja web stranice. Jednostavno rečeno, to je vrijeme učitavanja "najvećeg elementa vidljivog u točki gledišta." Ovo će kvantificirati koliko se brzo ključni elementi na web stranici učitavaju tako da programeri mogu eliminirati bilo koju vrstu od kašnjenja. LCP se izračunava za vrijeme prije nego što korisnik stupi u interakciju sa stranicom tako da je ovdje namjera smanjiti kašnjenje učitavanja što je više moguće.
  2. Kumulativni pomak izgleda (CLS), koji se koristi za mjerenje stabilnosti web stranica. Može pomoći programerima da odrede koliko često elementi poput gumba ili određene slike mijenjaju svoju lokaciju na vidljivom dijelu dok se stranica učitava. Stoga CLS može pomoći programerima da eliminiraju ovaj frustrirajući problem elemenata koji mijenjaju svoj položaj dok se stranica učitava. Ova se metrika oslanja na "ocjenu pomaka izgleda" koja mjeri tendenciju pomicanja elemenata stranice tijekom učitavanja, što zabrinjava korisnike. Rezultat pomaka izgleda bi idealno trebao biti nula – ili barem što je moguće bliže nuli – kako bi se osiguralo iskustvo bez muke za korisnike.

S ciljem pomoći razvojnim programerima da postignu najbolju izvedbu, pristupačnost i učinkovitost na svojim web stranicama, Google proširuje opseg Lighthouse Stack Packs na razne okvire. Osim WordPressa i Next.js, koje već podržava Lighthouse, Google dodaje podršku za okviri kao što su AMP, Angular, React, kao i Magento, CMS namijenjen isključivo e-trgovini web stranice.

Poboljšajte upravljanje memorijom, bolju privatnost i veću kontrolu

Google tvrdi da ulaže vrijeme, trud i novac u rješavanje jedne od najvećih pritužbi s Google Chromeom, a to je potrošnja memorije. Osim rada na poboljšanju upravljanja memorijom, oni također stalno poboljšavaju performanse Chromea kako bi osigurali da web ostane dostupan svima bez obzira na "njihovu vrstu uređaja ili brzinu interneta ili kupovnu moć."

Što se tiče privatnosti, sljedeća verzija preglednika Google Chrome, tj. verzija 79, poboljšat će način rukovanja kolačićima. To uključuje novi prekidač na stranici s novim karticama u anonimnom načinu rada kako bi korisnici puno bolje kontrolirali kolačiće trećih strana. Stranica Postavke također će biti prilagođena kako bi ovaj prekidač bio lako dostupan u uobičajenom načinu rada.

Google ulaže napore u razvoj Privacy Sandbox, koji je definiran kao skup otvorenih standarda postavljenih za poboljšanje privatnosti na internetu. Privacy Sandbox ima za cilj omogućiti web-lokacijama da postavljaju kolačiće bez da se korisnici osjećaju preopterećeno ili nesigurno zbog oglasa, dok također pronalazi načine za blokiranje otiska prsta.