Na Chrome Dev Summit 2019 Google oznámil nové nástroje pre vývojárov na zlepšenie používateľského prostredia, skrátenie doby načítania a zvýšenie bezpečnosti na webe.
Pred dvoma desaťročiami Google začínal ako webový vyhľadávač, no dnes dominuje tomu, ako vnímame web a ako s ním komunikujeme. Vyhľadávanie Google samo osebe ovláda väčšinu online používania, ale iné produkty, ako napríklad najpopulárnejší prehliadač na svete – Google Chrome – ako aj najpoužívanejší mobilný operačný systém – Android – postavili Google do popredia medzi ostatnými zainteresovanými stranami na webe. Percento používateľov, ktorí prechádzajú online pomocou mobilných zariadení, sa zvýšilo a rovnako sa zvýšil aj dôraz internetového giganta na skrátenie doby načítania, aby sa zabezpečila lepivosť. AMP alebo zrýchlené mobilné stránky bol jedným z krokov, ktoré spoločnosť Google urobila, aby zabezpečila rýchlejšie načítanie webových stránok. Minulý rok zaviedla aj webový prvok známy ako „Portály“ na optimalizáciu „plynulého“ prepínania medzi webovými stránkami.
S víziou „aby načítanie zmizlo“, Google dnes oznámil nové vývojárske nástroje na Chrome Dev Summit 2019 aby bol web bezpečnejší a užívateľsky prívetivejší a zároveň sa zlepšili šance na pomoc vývojárom zvýšiť ich používateľskú základňu, ako aj výnosy.
Portály
Google demonštroval pokrok, ktorý Portály od ich spustenia na Google I/O začiatkom tohto roka a implementovaných za vlajkou v prehliadači Chrome Canary. Na osvieženie pamäte umožňujú portály vývojárom vložiť určitý obsah alebo celé webové stránky na inú webovú stránku rovnako ako prvok iframe. Aby sa eliminovala doba čakania, obsah vo vnútri portálu alebo rámca sa načítava, zatiaľ čo používatelia stále prehliadajú úvodnú webovú stránku.
Google zdieľa príklad služby predaja lístkov do kina Fandango, v ktorej je vstupná stránka pre konkrétny film (Joker v príklade) je viazaný v rámci portálu. Keď používateľ klepne na Joker, ďalšia stránka sa vykreslí už plne načítaná.
Webové balíky
Google oznamuje Webové balíky ktorý je vytvorený s cieľom pomôcť webovým vývojárom zdieľať ich webový obsah s ostatnými prostredníctvom rôznych médií, vrátane, ale nie výlučne, e-mailu, USB alebo FTP. Vývojári budú môcť efektívne ukladať do vyrovnávacej pamäte celý webový obsah určený na zdieľanie pomocou rozhraní API, ako je napr Periodická synchronizácia na pozadí a Indexovanie obsahu a potom selektívne vykresľovať požadovaný obsah, aj keď koncový používateľ nie je pripojený k internetu. Aby mohli weboví vývojári využívať túto funkciu, Google sprístupňuje webové balíky pod vlajkou prehliadača Chrome, zatiaľ čo dve rozhrania API budú dostupné ako skúšky pôvodu.
Webové prostredie ako natívne
Hoci si Google uvedomuje, že veľa používateľov používa svoje mobilné telefóny na pripojenie k internetu, uznáva aj vzorce používania naprieč zariadeniami na celom svete. Už viac ako pár rokov Google tlačí Progresívne webové aplikácie (PGA) ako náhradu za natívne aplikácie pre Android s cieľom znížiť čas načítania a spotrebu dát.
[video width="390" height="800" mp4=" https://static1.xdaimages.com/wordpress/wp-content/uploads/2019/11/Login_OTP_Flow_Swiggy.mp4"]
Na zosúladenie aplikácií na webe s natívnymi aplikáciami Google oznamuje tri nové funkcie pre vývojárov. Toto sú:
- Prijímač SMS, čo umožní webovým aplikáciám načítať overovacie kódy založené na SMS rovnako ako aplikácie. Vo vyššie uvedenom videu môžete vidieť, ako hladko webová verzia Swiggy, indickej služby na objednávanie jedla, navrhuje používateľovi využiť overovací kód prijatý prostredníctvom SMS.
- Kontaktujte Picker, ktorá používateľom umožní nahrávať kontakty do webových aplikácií podobným spôsobom ako zdieľanie kontaktov v aplikáciách na odosielanie správ, ako je WhatsApp.
- Natívne API systému súborov, ktorá poskytne webovým aplikáciám povolenie a možnosť čítať súbory a priečinky zo zariadenia používateľa a priamo v nich ukladať zmeny. Potenciálne aplikácie tejto funkcie môžu zahŕňať online textové editory, editory fotografií a videa, dokonca aj webové IDE a ďalšie.
Tieto rozhrania API budú dostupné aj ako pôvodné skúšobné verzie pre Google Chrome.
Nové metriky a pokyny pre vývojárov
S cieľom pomôcť kontextualizovať všeobecné „zdravie webu“ Google oznámil projekt s názvom Webový almanach v partnerstve s HTTP archív. S vedením 85 expertov je projekt zameraný na hľadanie prehľadov a vizualizáciu trendov na použiteľných údajoch o najlepších a najhorších postupoch na webe.
Misia zahŕňala preskúmanie takmer 6 miliónov webových stránok, po ktorých títo odborníci zhrnuli svoje závery o spôsoboch, ako zlepšiť používateľskú skúsenosť v 20 kapitol. Tento postup sa bude opakovať ako „ročná tradícia“, takže Almanach zostane vynaliezavým sprievodcom pre vývojárov webu.
Spolu s tým Google predstavuje aj dve nové metriky, ktoré vývojárom pomôžu optimalizovať ich webové stránky podľa osvedčených postupov. Toto sú:
- Najväčšia farba obsahu (LCP), ktorý „vnímal“ čas načítania webovej stránky. Jednoducho povedané, je to čas načítania „najväčšieho prvku viditeľného v hľadisku“. Toto bude kvantifikovať, ako rýchlo sa načítajú kľúčové prvky na webovej stránke, aby vývojári mohli eliminovať akýkoľvek druh oneskorenia. LCP sa vypočítava pre čas, kým používateľ interaguje so stránkou, takže zámerom je minimalizovať oneskorenie načítania čo najviac.
- Kumulatívna zmena rozloženia (CLS), ktorý sa používa na meranie stability webových stránok. Môže to pomôcť vývojárom určiť, ako často prvky ako tlačidlá alebo konkrétny obrázok menia svoje umiestnenie na viditeľnej časti počas načítavania stránky. CLS teda môže pomôcť vývojárom eliminovať tento frustrujúci problém prvkov, ktoré menia svoju pozíciu počas načítavania stránky. Táto metrika sa spolieha na „skóre posunu rozloženia“, ktoré meria tendenciu prvkov stránky posúvať sa pri načítavaní, čím obťažuje používateľov. Skóre posunu rozloženia by malo byť ideálne nula – alebo aspoň čo najbližšie k nule – aby sa používateľom zabezpečil bezproblémový zážitok.
S cieľom pomôcť vývojárom dosiahnuť najlepší výkon, dostupnosť a efektivitu na svojich webových stránkach, Google rozširuje rozsah Balíky Lighthouse Stack do rôznych rámcov. Okrem WordPress a Next.js, ktoré už Lighthouse podporuje, Google pridáva podporu pre frameworky ako AMP, Angular, React, ako aj Magento, CMS, ktorý je určený výhradne pre elektronický obchod webové stránky.
Zlepšite správu pamäte, lepšie súkromie a väčšiu kontrolu
Google tvrdí, že investuje čas, úsilie a peniaze do nápravy jednej z najväčších sťažností prehliadača Google Chrome, a tou je spotreba pamäte. Okrem práce na zlepšovaní správy pamäte neustále zlepšujú aj výkon prehliadača Chrome, aby zabezpečili, že web zostane dostupný pre všetkých bez ohľadu na „ich typ zariadenia alebo rýchlosť internetu alebo kúpnu silu."
Pokiaľ ide o ochranu osobných údajov, ďalšia verzia prehliadača Google Chrome, t. j. ver79, zlepší spôsob zaobchádzania so súbormi cookie. To zahŕňa nový prepínač na stránke Nové karty v režime inkognito, ktorý používateľom pomáha oveľa lepšie kontrolovať súbory cookie tretích strán. Stránka Nastavenia bude tiež vylepšená, aby bol tento prepínač ľahko dostupný v bežnom režime.
Google pokračuje vo svojom úsilí vo vývoji Karanténa ochrany osobných údajov, ktorý je definovaný ako súbor otvorených štandardov určených na zlepšenie súkromia online. Karanténa ochrany osobných údajov je zameraná na to, aby umožnila webovým stránkam nasadzovať súbory cookie bez toho, aby sa používatelia cítili preťažení alebo neistí v dôsledku reklám, a zároveň nájsť spôsoby, ako zablokovať odtlačky prstov.