With Chrome Portals, Google makes websites feel more like web apps

chrome 69 user issues google update

Continuing on the theme that Google is now shifting from a company that helps you find answers to one that helps users get things done, at this year’s I/O developer conference, the company’s focus on the future of Chrome is centered on making the web more instant, more powerful, and safer. With new tools like Portals and Web Packaging, developers can create web experiences with links that feel as seamless and fluid as a native app.

“What makes the web special in today’s landscape is this massive open-scale platform where all of us can freely connect with each other and where new experiences are just a link away,” said Google Director of Engineering Dion Almaer and Senior Director of Product Ben Galbraith during a talk on the future of Chrome at I/O.

Part of improving the web experience is making web pages load faster. To speed up page load times, Google is expanding on Chrome’s pre-load and pre-fetch capabilities this year with a feature called Lazy Loading. Lazy Loading only loads the images that are required by the user. Images toward the bottom of the web page will only load as users continue scrolling, and this new process makes the page load quicker and users can begin interacting on a web page faster. Speed is especially important, as Galbraith explained that just one second in loading time can decrease conversion on a web page by as much as twenty percent. These faster loading pages in essence will allow websites to compete more closely against native apps by delivering fluid experiences that users demand.

Portals and Packaging

To make the web more seamless, Google also introduced a new feature called Portals. “Portals are like iFrames that you can navigate to,” explained Barb Palsar, who leads Google’s global product partnerships. “When a user opens a Portal, the Portal becomes the top-level page. Portal enables fluid, composed journeys within a site or across multiple sites.”

In a demo on stage, Palsar showed that a user can navigate through a website showing recipes. If a user wants to share the recipe, Portals can enable a share sheet to pop up. The share sheet will be the focus of the new view, but the original website is shown blurred and active in the background. Portals can also link other functionality by allowing users to peek into new recipes as they’re scrolling along, similar to how 3D Touch works on iOS today, and connect users to third-party sites, like a grocery store, to add items needed to create the recipe. Portals is now live in Chrome Canary. Because the grocery store access is overlaid through a Portal popup on the main site, completing your order is seamless in that you’re not kicked off one site to complete the task in another site.

Portals are also leveraged in Google’s Duplex for the Web, which was showcased during the main I/O keynote. In a demo, during its Chrome talk, Google demonstrated how an English shopping site can be seamlessly translated into another language — in this case, Hindi — and users will get translations along the e-commerce process.

Google is also changing how websites are packaged. Traditionally, a site has to request the content from an origin server. In the new model, developers create a package with a signed version of the page, and the site can load that signed package from anywhere, including other peer devices. This will boost web page loading speed because the data needed to fetch the package doesn’t need to go back to the origin server. Like Portals, the new Web Packaging is now available in Chrome Canary.

“We believe when you’re looking at Web Packaging and Portals Standards, they have potential over time to enable a more seamless and instant web, with Packaging enabling privacy-safe preloading and Portals enabling seamless transitions,” Galbraith said.

Security and privacy

chrome portal web packages google io 2019

Similar to what Apple introduced with Safari on MacOS Mojave, Chrome will work to limit tracking on the web. Whereas Safari shows a generic profile to websites that you’re visiting to limit identifiable hardware information used by sites to identify you, Google announced that Chrome will block fingerprinting all together. Though details weren’t available about this process at I/O, Galbraith said that more details will be available in the coming months.

Additionally, moving forward, access to cookies will be limited to first parties, preventing third-parties from snooping on you. Developers will also have to build in code if they want to make cookies visible to third parties, and Chrome will require that cookies shared with third parties be handled over a secure HTTPS connection.

Journey to web app

chrome portal web packages google io 2019 app hulu

As the internet proceeds to feel faster and links inside a page feel more seamless, the web experience will start to feel more like a native app. Google demonstrated this with Stadia, its game-streaming platform, by showing full access to a keyboard and mouse with low latency.

But for users who want a more app-like feel, Chrome 76 will start showing installation prompts in the omnibox whenever you visit a site where a web app is available. Google demonstrated that visiting Hulu will show a prompt to download a web app. The process is not unlike how visiting a website on a mobile device will sometimes notify and prompt you to download the corresponding native app if there is one available.

To learn more, developers can visit web.dev today.

Emerging Tech

Awesome Tech You Can’t Buy Yet: Plant-based shoes and a ukulele learning aid

Check out our roundup of the best new crowdfunding projects and product announcements that hit the web this week. You may not be able to buy this stuff yet, but it sure is fun to gawk!

Don’t call it retro. Atari’s VCS is a modern console for PC gamers

You might think the Atari VCS is another retro console like the Nintendo SNES Classic or Sega Genesis Mini. You'd be wrong. Atari's VCS is actually a modern console that runs PC hardware. Yes, it can play Atari games, but it does much more.

Here are 20 portable tech gadgets you’ll want to use every day

If you're looking for portable tech to keep you charged up while on the go (or for some great small gift ideas), we've rounded up 20 must-have gadgets. You'll find everything from a mini gaming controller to a folding Bluetooth keyboard.

Opera GX is a browser for gamers, but the actual gaming is still to come

Every company seems to have a product line or two aimed squarely at gamers, so why not browsers too? Opera has a new branch of its main browser called Opera GX and it's designed specifically with gamers in mind.

Russian hackers behind ‘world’s most murderous malware’ probing U.S. power grid

A hacking group linked to the Russian government has attempted to breach the U.S. power grid. Security experts tracked the hackers, and warn that they were probing the grid for weaknesses.

15-inch laptops come with extra power, but which of these wields it better?

HP's latest "gem-cut" Spectre x360 15 adds powerful components to make it the fastest 2-in-1 we've ever tested. Can it take on the equally fast and incredibly svelte Dell XPS 15?

I bought a four-year-old MacBook Pro instead of a new one. Here’s why

The new MacBook Pros have a ton of advantages over the older options, but when it came to buying a replacement machine for myself, I found myself returning to 2015 rather than picking up Apple's latest and greatest.
Emerging Tech

Facebook builds virtual homes to train A.I. agents in realistic environments

Researchers at Facebook have created Habitat, which is a platform that enables rapid training for A.I. agents. They will receive thousands of hours of training in just a few minutes in the virtual homes.

Make your games sound amazing with one of these sets of awesome gaming speakers

If you want to take your gaming sound to the next level, you need to find the best gaming speakers for your set up. Whether you're on a tight budget, want some fancy RGB lighting, or just need the best speaker set money can buy, these great…

Why OLED gaming monitors may be further from reality than we thought

Earlier this year, Dell showed us the promise of an exciting new future for gaming monitors with the reveal of the Alienware 55-inch OLED gaming display. We loved it. But according to new reports, it may never see the light of day.

Walmart cuts $300 off Dell Inspiron 5680 gaming desktop for gamers on a budget

If you're stashing money but want an upgradeable rig that will go a long way, then this solid deal on the Dell Inspiron Gaming Desktop 5680 with Intel Core i5-8400 is for you. It is now available for only $700 at Walmart.

Genius uses 19th-century tech to prove Google copied its song lyrics

Song lyrics website Genius says that it proved that Google has been copying its lyrics and posting them on its own search results page. And Genius says it was able to do it by using a decidedly old-school form communications tech.

Check out Walmart’s steep discounts on Dell and LG gaming monitors

If you're a gamer looking for high-quality computer displays, you definitely need to take advantage of this deals from Dell and LG. These gaming monitors will fit your budget and your GPU.

A Surface Pen with an OLED touchscreen would actually be awesome

Microsoft patented another Surface Pen hardware feature, this time registering a patent for an OLED touch bar strip on the Surface accessory. This could enable dynamic setting change functionality in the next generation of Surface Pens.