The second day of the Google I/O 18 consisted of several talks including Web Assembly, Polymer, Chrome Dev Tools, Flutter and Artificial Intelligence.

Let's dive in to know what's new and the improvements that have been made to the web!

What's new in Chrome DevTools

There is a new shortcut, Ctrl + F, that will pull up a new search sidebar in the Network pane of Chrome DevTools. With this search sidebar, you can search through headers and their values.

Network Search

Regex

The Performance panel has been improved to provide flame charts for every process. The charts show the total work each process does. You need to make sure Site Isolation for Chrome is enabled by heading to chrome://flags#enable-site-per-process and activating it.

Performance Isolation Performance Isolation

The Security panel now provides the ability to show the certificate transparency information of a secure website.

Certificate Transparency Certificate Transparency

The Sources Panel has a Network tab. The Network tab is now called the Page tab.

Sources Panel Sources Panel

Do It Yourself Artificial Intelligence

Google introduced the AIY Kits: a series of open source projects that include hardware and software tools, showcasing on-device artificial intelligence.

With AIY Kits, users can use artificial intelligence to make human-to-machine interaction more like human-to-human interactions.

"With AIY Kits, users can use artificial intelligence to make human-to-machine interaction more like human-to-human interactions."

The first open source project is the Voice Kit. The speech recognition ability in this kit allows you to add voice recognition to assistive robots, talk to control devices such as light bulbs and replace physical buttons on household appliances and consumer electronics.

Introducing Voice Kit

Voice Kit

Web Performance

Google analyzes a lot of sites and has learned over time how to make them extremely fast. The Web Performance made easy talk by Eva and Addy Osmani showed how to fix common web performance bottlenecks and take advantage of the latest browser APIs to improve loading experience.

  • New Lighthouse Web Performance Audits
  • Optimizing Caching Strategies - Cache as many resources as possible efficiently.
  • Remove unnecessary bytes and don't send things twice - Optimize Caching strategies. Cache as many resources as possible.
  • Remove unused JavaScript and CSS from the Critical Path.
  • Eliminate unnecessary downloads.
  • Don't serve unoptimized or unnecessary images to your users.
  • Help browsers deliver critical resources.
  • Have a Web Font Loading Strategy.

Google announced a new experimental browser feature called Priority Hints. It allows you to specify the importance of a resource like so:

<img src="kit.png" importance="high" >
<link rel="preload" as="style" href="theme.css" importance="low">

The browser loads the resources with high importance first before the others.

Dont send twice Remove Unused JavaScript Eliminate unnecessary downloads Unoptimized images Web Font Loading strategy

Addy Osmani announced Guess.js, a toolkit for enabling data-driven user-experiences on the Web.

"Addy Osmani announced Guess.js, a toolkit for enabling data-driven user-experiences on the Web"

It provides the following shown in the diagram below:

Guessjs

Read more about Guessjs

Web Assembly

Google is working really hard to allow developers import web assembly modules into their JavaScript apps and have Chrome render it effectively.

With Web Assembly, software like AutoCAD and Complex3 have created complex but fast UI web experiences.

Check out some updates from my developer friend, Ire Aderinokun, that attended other sessions below.

About Auth0

Auth0, a global leader in Identity-as-a-Service (IDaaS), provides thousands of enterprise customers with a Universal Identity Platform for their web, mobile, IoT, and internal applications. Its extensible platform seamlessly authenticates and secures more than 1.5B logins per month, making it loved by developers and trusted by global enterprises. The company's U.S. headquarters in Bellevue, WA, and additional offices in Buenos Aires, London, Tokyo, and Sydney, support its customers that are located in 70+ countries.

For more information, visit https://auth0.com or follow @auth0 on Twitter.

Conclusion

Google I/O, Day 2 was amazing. I was able to attend a few critical sessions as seen above. Looking forward to the #Day3.

If you were around for #GoogleIO - Day 2, let me know the announcements and talks that inspired you in the comment section. 😃