Google teatab uutest Chrome'i arendajatööriistadest lehtede laadimise vähendamiseks ja UX-i täiustamiseks

2019. aasta Chrome'i arendajate tippkohtumisel teatas Google arendajatele mõeldud uutest tööriistadest, mis parandavad kasutajakogemust, lühendavad laadimisaegu ja suurendavad turvalisust veebis.

Kaks aastakümmet tagasi alustas Google veebiotsingumootorina, kuid tänapäeval domineerib see, kuidas me veebi kogeme ja sellega suhtleme. Google'i otsing juhib iseenesest suure osa võrgukasutusest, kuid teised tooted, nagu maailma populaarseim brauser – Google Chrome – nagu ka enimkasutatav mobiilne operatsioonisüsteem – Android – on seadnud Google’i teiste veebi sidusrühmade seas juhtpositsioonile. Mobiilseid seadmeid kasutades võrku minevate kasutajate protsent on kasvanud ja samuti on kasvanud internetihiiu rõhk laadimisaegade vähendamisele, et tagada kleepuvus. AMP või kiirendatud mobiililehed oli üks samm, mille Google astus veebilehtede kiirema laadimise tagamiseks. Eelmisel aastal tutvustas see ka veebielementi, mida nimetatakse "Portaalid", et optimeerida "tõrgeteta" veebilehtede vahel vahetamist.

Visiooniga "laadimine kaob, " teatas Google täna uutest arendajatööriistadest Chrome Dev Summit 2019 muuta veebi turvalisemaks ja kasutajasõbralikumaks, parandades samal ajal võimalusi aidata arendajatel suurendada nii kasutajabaasi kui ka tulusid.

Portaalid

Google näitas edusamme Portaalid on teinud alates selle käivitamisest Google I/O-s selle aasta alguses ja rakendatud lipu taga Chrome Canarys. Mälu värskendamiseks võimaldavad portaalid arendajatel manustada teatud sisu või terveid veebilehti teisele veebilehele just nagu iframe. Ooteaja välistamiseks laaditakse portaalis olev sisu või kaader, kui kasutajad sirvivad endiselt esialgset veebilehte.

Google on jaganud näidet filmipiletite müügiteenusest Fandango, kus konkreetse filmi sihtleht (Jokker näites) on seotud portaalis. Kui kasutaja puudutab Jokerit, renderdatakse järgmine leht juba täielikult laadituna.

Veebikomplektid

Google teatab Veebikomplektid mis on loodud selleks, et aidata veebiarendajatel jagada oma veebisisu teistega erinevate meediumite, sealhulgas, kuid mitte ainult, e-posti, USB või FTP kaudu. Arendajad saavad tõhusalt vahemällu salvestada kogu veebisisu, mis on mõeldud jagamiseks, kasutades näiteks API-sid Tausta perioodiline sünkroonimine ja Sisu indekseerimine ja seejärel valikuliselt renderdada vajalikku sisu isegi siis, kui lõppkasutaja ei ole Internetiga ühendatud. Et veebiarendajad saaksid seda funktsiooni kasutada, teeb Google Web Bundle'id kättesaadavaks Chrome'i lipu taga, samas kui kaks API-d on saadaval päritolu katsed.

Native-tüüpi veebikogemus

Olles teadlik, et paljud kasutajad kasutavad oma mobiiltelefone võrgus liikumiseks, tunnistab Google ka seadmeüleseid kasutusmustreid kogu maailmas. Rohkem kui paar aastat on Google peale surunud Progressiivsed veebirakendused (PGA-d) Androidi kohalike rakenduste asendajana, eesmärgiga vähendada laadimisaega ja andmetarbimist.

[video laius = "390" kõrgus = "800" mp4=" https://static1.xdaimages.com/wordpress/wp-content/uploads/2019/11/Login_OTP_Flow_Swiggy.mp4"]

Veebis olevate rakenduste kooskõlla viimiseks omarakendustega kuulutab Google välja kolm uut arendajatele mõeldud funktsiooni. Need on:

  1. SMS vastuvõtja, mis võimaldab veebirakendustel tuua SMS-põhiseid autentimiskoode täpselt nii, nagu rakendused seda teha saavad. Ülaltoodud videost näete, kui sujuvalt soovitab India toidu tellimisteenuse Swiggy veebiversioon kasutajal kasutada SMS-i teel saadud kinnituskoodi.
  2. Võtke ühendust valijaga, mis võimaldab kasutajatel kontakte veebirakendustesse üles laadida sarnaselt kontaktide jagamisele sõnumsiderakendustes, nagu WhatsApp.
  3. Native File System API, mis annab veebirakendustele loa ja võimaluse lugeda kasutaja seadmest faile ja kaustu ning salvestada nendesse tehtud muudatused otse. Selle funktsiooni potentsiaalsed rakendused võivad hõlmata veebipõhiseid tekstiredaktoreid, foto- ja videoredaktoreid, isegi veebipõhiseid IDE-sid ja palju muud.

Need API-d on saadaval ka Google Chrome'i algse prooviversioonina.

Uued mõõdikud ja juhised arendajatele

Üldise "veebi tervise" kontekstualiseerimiseks on Google välja kuulutanud projekti nimega Veebi almanahh koostöös HTTP arhiiv. Projekti eesmärk on 85 eksperdi juhendamisel saada teadmisi ja visualiseerida suundumusi veebi parimate ja halvimate tavade kohta käitatavate andmete kohta.

Missioon hõlmas ligi 6 miljoni veebisaidi ülevaatamist, mille järel on need eksperdid koondanud oma järeldused selle kohta, kuidas parandada kasutajakogemust 20 peatükki. Seda tava korratakse "iga-aastase traditsioonina", nii et almanahh jääb veebiarendajatele leidlikuks juhendiks.

Lisaks sellele tutvustab Google ka kahte uut mõõdikut, mis aitavad arendajatel oma veebisaite parimate tavade järgi optimeerida. Need on:

  1. Suurim sisuline värv (LCP), mis on veebilehe "tajutav" laadimisaeg. Lihtsamalt öeldes on see "vaatepunktis nähtava suurima elemendi" laadimisaeg. See tahe kvantifitseerida, kui kiiresti veebilehe põhielemendid laaditakse, et arendajad saaksid igasugused kõrvaldada viivitusest. LCP arvutatakse aja jaoks, enne kui kasutaja lehega suhtleb, nii et siin on eesmärk laadimisviivitust võimalikult palju minimeerida.
  2. Kumulatiivne paigutuse nihe (CLS), mida kasutatakse veebilehtede stabiilsuse mõõtmiseks. See võib aidata arendajatel määrata, kui sageli muudavad elemendid, nagu nupud või konkreetne pilt, oma asukohta lehe laadimise ajal vaadatavas osas. Seega võib CLS aidata arendajatel kõrvaldada lehe laadimise ajal oma asukohta muutvate elementide masendava probleemi. See mõõdik tugineb paigutuse nihkeskoorile, mis mõõdab lehe elementide kalduvust laadimise ajal nihkuda, tekitades kasutajaid häirivalt. Paigutuse nihke skoor peaks ideaaljuhul olema null – või vähemalt nullilähedane –, et tagada kasutajatele probleemideta kogemus.

Eesmärgiga aidata arendajatel saavutada oma veebisaitidel parim jõudlus, juurdepääsetavus ja tõhusus, laiendab Google Lighthouse Stack Packs mitmesugustele raamistikele. Lisaks WordPressile ja Next.js-ile, mida Lighthouse juba toetab, lisab Google tuge raamistikud nagu AMP, Angular, React, aga ka Magento, CMS, mis on mõeldud ainult e-kaubandusele veebisaidid.

Parandage mäluhaldust, privaatsust ja paremat kontrolli

Google väidab, et investeerib aega, jõupingutusi ja raha Google Chrome'i ühe suurima kaebuse lahendamisele, milleks on mälutarbimine. Lisaks mäluhalduse täiustamisele parandavad nad pidevalt ka Chrome'i jõudlust, et tagada, et veeb jääb kõigile juurdepääsetavaks, olenematanende seadme tüüp või Interneti kiirus või ostujõud."

Privaatsuse osas täiustab Google Chrome'i järgmine versioon, st ver79, küpsiste käsitlemist. See hõlmab uut lülitit inkognito režiimis uute vahelehtede lehel, mis aitab kasutajatel kolmanda osapoole küpsiseid palju paremini juhtida. Seadete lehte muudetakse ka nii, et see lüliti oleks tavarežiimis hõlpsasti juurdepääsetav.

Google jätkab oma jõupingutusi selle arendamiseks Privaatsus liivakast, mis on määratletud kui avatud standardite kogum, mis on loodud võrgus privaatsuse parandamiseks. Privaatsusliivakasti eesmärk on võimaldada veebisaitidel küpsiseid juurutada ilma, et kasutajad tunneksid end reklaamide tõttu ülekoormatuna või ebakindlana, leides ühtlasi viise sõrmejälgede võtmise blokeerimiseks.