Chrome Dev Summit 2019 -tapahtumassa Google julkisti uusia työkaluja kehittäjille, jotka parantavat käyttökokemusta, lyhentävät latausaikoja ja lisäävät verkon turvallisuutta.
Kaksi vuosikymmentä sitten Google aloitti verkkohakukoneena, mutta nykyään se hallitsee tapaamme kokea verkkoa ja olla vuorovaikutuksessa sen kanssa. Google-haku sinänsä hallitsee valtavasti suurinta osaa verkkokäytöstä, mutta muut tuotteet, kuten maailman suosituin selain – Google Chrome – samoin kuin eniten käytetty mobiilikäyttöjärjestelmä – Android – on nostanut Googlen johtoasemaan muiden webin sidosryhmien joukossa. Mobiililaitteilla verkkoon siirtyvien prosenttiosuus on kasvanut, ja niin on kasvanut myös internetjättiläinen painotus latausaikojen lyhentämiseen tahmeuden varmistamiseksi. AMP tai nopeutetut mobiilisivut oli yksi askel, jonka Google otti varmistaakseen verkkosivujen nopeamman lataamisen. Viime vuonna se esitteli myös verkkoelementin, joka tunnetaan nimellä "Portaalit" optimoidaksesi "saumattoman" vaihtamisen verkkosivujen välillä.
Visiolla "saa latauksen katoamaan", Google julkisti tänään uusia kehittäjätyökaluja Chrome Dev Summit 2019 tehdä verkosta turvallisempaa ja käyttäjäystävällisempää ja samalla parantaa mahdollisuuksia auttaa kehittäjiä kasvattamaan käyttäjäkuntaansa ja lisäämään tulojaan.
Portaalit
Google osoitti edistymisen Portaalit on tehnyt sen jälkeen, kun se julkaistiin Google I/O: ssa aiemmin tänä vuonna ja toteutettiin lipun takana Chrome Canaryssa. Muistin virkistämiseksi Portals antaa kehittäjille mahdollisuuden upottaa tiettyä sisältöä tai kokonaisia verkkosivuja toiselle verkkosivulle iframe-kehyksen tavoin. Odotusajan välttämiseksi portaalin tai kehyksen sisältö latautuu, kun käyttäjät vielä selailevat alkuperäistä verkkosivua.
Google on jakanut esimerkin elokuvalippupalvelusta Fandango, jossa tietyn elokuvan aloitussivu (Jokeri esimerkissä) on sidottu portaaliin. Kun käyttäjä napauttaa Jokeria, seuraava sivu hahmonnetaan jo täyteen ladattuna.
Verkkopaketit
Google ilmoittaa Verkkopaketit joka on luotu auttamaan verkkokehittäjiä jakamaan verkkosisältöään muiden kanssa useiden eri välineiden, kuten sähköpostin, USB: n tai FTP: n, kautta. Kehittäjät voivat tallentaa tehokkaasti välimuistiin koko verkkosisällön, joka on tarkoitettu jaettavaksi esimerkiksi API: iden avulla Taustan määräaikainen synkronointi ja Sisällön indeksointi ja sitten valikoivasti renderöidä vaaditun sisällön, vaikka loppukäyttäjä ei olisi yhteydessä Internetiin. Jotta verkkokehittäjät voivat hyödyntää tätä toimintoa, Google tarjoaa Web Bundle -paketit saataville Chrome-lipun takana, kun taas molemmat sovellusliittymät ovat saatavilla alkuperäkokeet.
Natiivien kaltainen verkkokokemus
Vaikka Google on tietoinen siitä, että monet käyttäjät käyttävät matkapuhelimiaan online-tilassa, se tunnustaa myös laitteidenväliset käyttötavat kaikkialla maailmassa. Google on painostanut yli parin vuoden ajan Progressiiviset verkkosovellukset (PGA: t) natiivi Android-sovellusten korvikkeena, jonka tavoitteena on vähentää latausaikaa ja tiedonkulutusta.
[videon leveys="390" height="800" mp4=" https://static1.xdaimages.com/wordpress/wp-content/uploads/2019/11/Login_OTP_Flow_Swiggy.mp4"]
Google julkaisee kehittäjille kolme uutta ominaisuutta yhdenmukaistaakseen verkossa olevat sovellukset alkuperäisten sovellusten kanssa. Nämä ovat:
- SMS-vastaanotin, jonka avulla verkkosovellukset voivat hakea tekstiviestipohjaisia todennuskoodeja aivan kuten sovellukset voivat. Yllä olevasta videosta näet, kuinka saumattomasti intialaisen ruokatilauspalvelun Swiggyn verkkoversio ehdottaa käyttäjää hyödyntämään tekstiviestillä saatua vahvistuskoodia.
- Ota yhteyttä Pickeriin, jonka avulla käyttäjät voivat ladata yhteystietoja verkkosovelluksiin samalla tavalla kuin yhteystietojen jakaminen viestisovelluksissa, kuten WhatsApp.
- Native File System API, joka antaa verkkosovelluksille luvan ja mahdollisuuden lukea tiedostoja ja kansioita käyttäjän laitteelta ja tallentaa niihin tehdyt muutokset suoraan. Tämän ominaisuuden mahdollisia sovelluksia voivat olla online-tekstieditorit, valokuva- ja videoeditorit, jopa web-pohjaiset IDE: t ja paljon muuta.
Nämä sovellusliittymät ovat saatavilla myös Google Chromen alkuperäisinä kokeiluversioina.
Uusia mittareita ja ohjeita kehittäjille
Google on julkistanut nimisen projektin, joka auttaa kontekstualisoimaan yleistä "verkon terveyttä". Web-almanakka yhteistyössä HTTP-arkisto. 85 asiantuntijan ohjauksessa hankkeen tavoitteena on hakea oivalluksia ja visualisoida trendejä toimivasta datasta verkon parhaista ja huonoimmista käytännöistä.
Tehtävä sisälsi lähes 6 miljoonan verkkosivuston tarkistamisen, minkä jälkeen asiantuntijat ovat tiivistäneet johtopäätöksensä tavoista parantaa käyttökokemusta 20 lukua. Tämä käytäntö toistetaan "vuotuisena perinteenä", jotta Almanakka pysyy kekseliäs opas web-kehittäjille.
Tämän lisäksi Google esittelee myös kaksi uutta mittaria, joiden avulla kehittäjät voivat optimoida verkkosivustonsa parhaiden käytäntöjen mukaan. Nämä ovat:
- Suurin sisältöä sisältävä maali (LCP), joka on verkkosivun "havaittu" latausaika. Yksinkertaisesti sanottuna se on "näkökulmassa näkyvän suurimman elementin" latausaika. Tämä tulee arvioida kuinka nopeasti verkkosivun avainelementit latautuvat, jotta kehittäjät voivat poistaa kaikenlaiset viiveestä. LCP lasketaan ajalle ennen kuin käyttäjä on vuorovaikutuksessa sivun kanssa, joten tässä on tarkoitus minimoida latausviive mahdollisimman paljon.
- Kumulatiivinen ulkoasun muutos (CLS), jota käytetään verkkosivujen vakauden mittarina. Se voi auttaa kehittäjiä määrittämään, kuinka usein elementit, kuten painikkeet tai tietty kuva, muuttavat sijaintiaan katseltavissa olevassa osassa sivun latautuessa. Siten CLS voi auttaa kehittäjiä poistamaan tämän turhauttavan ongelman, joka liittyy elementtien vaihtamiseen sivun latautuessa. Tämä mittari perustuu "asettelun muutospisteisiin", joka mittaa sivun elementtien taipumusta siirtyä latauksen aikana, mikä häiritsee käyttäjiä. Asettelumuutospisteiden tulisi olla ihanteellisesti nolla – tai ainakin mahdollisimman lähellä nollaa – jotta käyttäjät saavat vaivatonta kokemusta.
Tavoitteena on auttaa kehittäjiä saavuttamaan paras suorituskyky, saavutettavuus ja tehokkuus verkkosivustoillaan, joten Google laajentaa Lighthouse Stack Packs erilaisiin kehyksiin. WordPressin ja Next.js: n lisäksi, joita Lighthouse jo tukee, Google lisää tukea mm puitteet, kuten AMP, Angular, React, sekä Magento, CMS, joka palvelee yksinomaan verkkokauppaa verkkosivustoja.
Paranna muistinhallintaa, parempaa yksityisyyttä ja parempaa hallintaa
Google väittää sijoittavansa aikaa, vaivaa ja rahaa korjatakseen yhden Google Chromen suurimmista valituksista ja se on muistinkulutus. Muistinhallinnan parantamisen lisäksi he parantavat jatkuvasti Chromen suorituskykyä varmistaakseen, että verkko pysyy kaikkien käytettävissä riippumatta "laitteen tyyppi tai Internetin nopeus tai ostovoima."
Tietosuojan kannalta seuraava Google Chromen versio eli ver79 parantaa evästeiden käsittelyä. Tämä sisältää uuden vaihdon Uudet välilehdet -sivulla incognito-tilassa, jotta käyttäjät voivat hallita kolmannen osapuolen evästeitä paljon paremmin. Myös Asetukset-sivua muokataan, jotta tämä vaihtokytkin on helposti käytettävissä tavallisessa tilassa.
Google jatkaa pyrkimyksiään kehittää Tietosuoja hiekkalaatikko, joka määritellään joukoksi avoimia standardeja, jotka on suunniteltu parantamaan yksityisyyttä verkossa. Privacy Sandboxin tarkoituksena on antaa verkkosivustoille mahdollisuus ottaa käyttöön evästeitä ilman, että käyttäjät tuntevat olonsa ylikuormitukselle tai epävarmaksi mainosten vuoksi, ja samalla etsitään tapoja estää sormenjälkien otto.