Na Chrome Dev Summit 2019 Google oznámil nové nástroje pro vývojáře, které mají zlepšit uživatelský dojem, zkrátit dobu načítání a zvýšit bezpečnost na webu.
Před dvěma desetiletími Google začínal jako webový vyhledávač, ale dnes dominuje tomu, jak zažíváme web a jak s ním komunikujeme. Vyhledávání Google samo o sobě ovládá většinu online použití, ale další produkty, jako je nejpopulárnější prohlížeč na světě – Google Chrome – stejně jako nejpoužívanější mobilní operační systém – Android – postavil Google do čela mezi ostatními zainteresovanými stranami na webu. Procento uživatelů přecházejících online pomocí mobilních zařízení se zvýšilo a stejně tak se zvýšil důraz internetového giganta na zkrácení doby načítání, aby byla zajištěna lepivost. AMP popř zrychlené mobilní stránky byl jedním z kroků, které společnost Google učinila, aby zajistila rychlejší načítání webových stránek. V loňském roce také představil webový prvek známý jako „Portály" k optimalizaci "bezproblémového" přepínání mezi webovými stránkami.
S vizí "aby načítání zmizelo“, Google dnes oznámil nové vývojářské nástroje na Chrome Dev Summit 2019 aby byl web bezpečnější a uživatelsky přívětivější a zároveň se zlepšily šance na pomoc vývojářům zvýšit jejich uživatelskou základnu i příjmy.
Portály
Google ukázal pokrok, který Portály od uvedení na Google I/O na začátku tohoto roku a implementace za vlajkou v Chrome Canary. Pro osvěžení paměti umožňují portály vývojářům vkládat určitý obsah nebo celé webové stránky na jinou webovou stránku stejně jako prvek iframe. Aby se eliminovala jakákoli doba čekání, obsah uvnitř portálu nebo rámce se načítá, zatímco uživatelé stále procházejí úvodní webovou stránku.
Google sdílel příklad služby prodeje vstupenek do kina Fandango, ve které je vstupní stránka pro konkrétní film (Žolík v příkladu) je vázaný uvnitř portálu. Když uživatel klepne na Joker, další stránka se vykreslí již plně načtená.
Webové balíčky
Google oznamuje Webové balíčky který je vytvořen, aby pomohl webovým vývojářům sdílet jejich webový obsah s ostatními prostřednictvím různých médií, včetně, ale bez omezení na e-mail, USB nebo FTP. Vývojáři budou moci efektivně ukládat do mezipaměti veškerý webový obsah určený ke sdílení pomocí rozhraní API, jako je např Periodická synchronizace na pozadí a Indexování obsahu a poté selektivně vykreslit požadovaný obsah, i když koncový uživatel není připojen k internetu. Aby mohli weboví vývojáři využívat tuto funkci, Google zpřístupňuje webové balíčky pod příznakem Chrome, zatímco dvě rozhraní API budou k dispozici jako zkoušky původu.
Webová zkušenost jako nativní
Google si je vědom toho, že mnoho uživatelů používá své mobilní telefony k připojení k internetu, ale také uznává vzorce používání napříč zařízeními po celém světě. Již více než pár let Google tlačí Progresivní webové aplikace (PGA) jako náhrada za nativní aplikace pro Android s cílem snížit dobu načítání a spotřebu dat.
[video width="390" height="800" mp4=" https://static1.xdaimages.com/wordpress/wp-content/uploads/2019/11/Login_OTP_Flow_Swiggy.mp4"]
Aby bylo možné sladit aplikace na webu s nativními aplikacemi, Google oznamuje tři nové funkce pro vývojáře. Tyto jsou:
- SMS přijímač, což umožní webovým aplikacím načítat ověřovací kódy založené na SMS stejně jako aplikace. Ve výše uvedeném videu můžete vidět, jak hladce webová verze Swiggy, indické služby pro objednávání jídla, navrhuje uživateli, aby využil ověřovací kód přijatý prostřednictvím SMS.
- Kontaktujte Picker, která uživatelům umožní nahrávat kontakty do webových aplikací podobným způsobem jako sdílení kontaktů v aplikacích pro zasílání zpráv, jako je WhatsApp.
- Nativní rozhraní API systému souborů, která dá webovým aplikacím oprávnění a možnost číst soubory a složky ze zařízení uživatele a přímo do nich ukládat změny. Potenciální aplikace této funkce mohou zahrnovat online textové editory, editory fotografií a videa, dokonce i webová IDE a další.
Tato rozhraní API budou k dispozici také jako zkušební verze pro Google Chrome.
Nové metriky a pokyny pro vývojáře
Aby Google pomohl uvést do kontextu obecné „zdraví webu“, oznámil projekt s názvem Webový almanach ve spolupráci s Archiv HTTP. Projekt je pod vedením 85 odborníků zaměřen na hledání náhledů a vizualizaci trendů na použitelných datech o nejlepších a nejhorších postupech na webu.
Mise zahrnovala přezkoumání téměř 6 milionů webových stránek, načež tito odborníci zkrátili své závěry o způsobech, jak zlepšit uživatelskou zkušenost v 20 kapitol. Tato praxe se bude opakovat jako „každoroční tradice“, takže Almanach zůstane vynalézavým průvodcem pro webové vývojáře.
Spolu s tím Google také zavádí dvě nové metriky, které mají vývojářům pomoci optimalizovat jejich weby podle osvědčených postupů. Tyto jsou:
- Největší obsahová barva (LCP), což je "vnímaná" doba načítání webové stránky. Jednoduše řečeno, je to doba načítání "největšího prvku viditelného v pohledu." Tohle bude kvantifikovat, jak rychle se načítají klíčové prvky na webové stránce, aby vývojáři mohli eliminovat jakýkoli druh zpoždění. LCP se vypočítává pro dobu, než uživatel interaguje se stránkou, takže zde je záměrem co nejvíce minimalizovat zpoždění načítání.
- Kumulativní změna rozložení (CLS), který se používá k měření stability webových stránek. Může vývojářům pomoci určit, jak často prvky, jako jsou tlačítka nebo konkrétní obrázek, mění své umístění na viditelné části během načítání stránky. CLS tak může vývojářům pomoci odstranit tento frustrující problém, kdy prvky mění svou pozici během načítání stránky. Tato metrika se opírá o „skóre posunu rozvržení“, které měří tendenci prvků stránky posouvat se při načítání, což uživatele obtěžuje. Skóre posunu rozvržení by mělo být v ideálním případě nulové – nebo alespoň co nejblíže nule – aby bylo zajištěno bezproblémové používání pro uživatele.
S cílem pomoci vývojářům dosáhnout nejlepšího výkonu, dostupnosti a efektivity na svých webových stránkách Google rozšiřuje rozsah Balíčky Lighthouse Stack do různých rámců. Kromě WordPress a Next.js, které již Lighthouse podporuje, Google přidává podporu pro frameworky, jako jsou AMP, Angular, React, stejně jako Magento, CMS určený výhradně pro e-commerce webové stránky.
Vylepšete správu paměti, lepší soukromí a lepší kontrolu
Google tvrdí, že investuje čas, úsilí a peníze do nápravy jedné z největších stížností na Google Chrome, a tou je spotřeba paměti. Kromě práce na zlepšení správy paměti také neustále zlepšují výkon prohlížeče Chrome, aby zajistili, že web zůstane přístupný všem bez ohledu na „jejich typ zařízení, rychlost internetu nebo kupní sílu."
Pokud jde o ochranu osobních údajů, další verze prohlížeče Google Chrome, tj. ver79, vylepší způsob zacházení se soubory cookie. To zahrnuje nový přepínač na stránce Nové karty v anonymním režimu, který uživatelům pomáhá mnohem lépe ovládat soubory cookie třetích stran. Stránka Nastavení bude také vylepšena, aby byl tento přepínač snadno přístupný v běžném režimu.
Google pokračuje ve svém úsilí ve vývoji Sandbox ochrany osobních údajů, který je definován jako soubor otevřených standardů navržených pro zlepšení soukromí online. Privacy Sandbox je zaměřen na to, aby umožnil webovým stránkám zavádět soubory cookie, aniž by se uživatelé cítili zahlceni nebo znejistěni kvůli reklamám, a zároveň najít způsoby, jak blokovat otisky prstů.