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: Racing drones and robotic ping pong trainers

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!
Computing

Delete tracking cookies from your system by following these quick steps

Cookies are useful when it comes to saving your login credentials, but they can also be used by advertisers to track your browsing habits across multiple sites. Here's how to clear cookies in the major browsers.
Mobile

Rooting your Android device is risky. Do it right with our handy guide

Wondering whether to root your Android smartphone or stick with stock Android? Perhaps you’ve decided to do it and you just need to know how? Here, you'll find an explanation and a quick guide on how to root Android devices.
Mobile

The 100 best Android apps turn your phone into a jack-of-all-trades

Choosing which apps to download is tricky, especially given how enormous and cluttered the Google Play Store has become. We rounded up 100 of the best Android apps and divided them neatly, with each suited to a different occasion.
Computing

Keep your laptop battery in tip-top condition with these handy tips

Learn how to care for your laptop's battery, how it works, and what you can do to make sure yours last for years and retains its charge. Check out our handy guide for valuable tips, no matter what type of laptop you have.
Deals

Now’s your chance to get the latest iPad Pro for $100 less on Amazon

The latest iPad Pro has always been our favorite since its release last year, and we even tagged it as the best tablet ever. Don’t miss out on Amazon’s discount on the 12-inch 256GB Wi-Fi model and get yours today for $1,049.
Computing

1.5% of Chrome users’ passwords are known to be compromised, according to Google

In February, a new feature was introduced to the Google Chrome browser which checks whether users' passwords are secure. Now, Google has released eye-opening stats gathered from Password Checkup.
Computing

From Chromebooks to MacBooks, here are the best laptop deals for August 2019

Whether you need a new laptop for school or work, we have you covered. We've put together a list of the best laptop deals going right now, from discounted MacBooks to on-the-go gaming PCs.
Deals

Amazon cuts $52 off this Samsung Galaxy 10.1-inch tablet for the whole family

Normally priced at $330, you can grab the Samsung Galaxy Tab A 10.1-inch 128GB Wi-Fi tablet now for only $278 and enjoy $52 savings. On top of that, Amazon is offering an extra $28 discount when you apply for a coupon during checkout.
Computing

Tired of choosing between Windows and Mac? Check out these Chromebooks instead

We've compiled a list of the best Chromebooks -- laptops that combine great battery life, comfortable keyboards, and the performance it takes to run Google's lightweight Chrome OS. From Samsung to Acer, these are the Chromebooks that really…
Computing

Tired of your Mac freezing? Try these tips to fix your Mac

A Mac that keeps freezing can be an incredibly annoying thing to deal with, but fixing it doesn’t have to be a pain. There are six main things you should try, which we got through in this guide to help you fix the issue once and for all.
Computing

Here's our guide to how to charge your laptop using a USB-C cable

Charging via USB-C is a great way to power up your laptop. It only takes one cable and you can use the same one for data as well as power -- perfect for new devices with limited port options.
Computing

Latest Windows 10 update is causing random reboots and can break Visual Basic

The latest update for Windows 10, made available on Tuesday this week, includes patches against two critical vulnerabilities. But it is causing a string of issues including random reboots and failure to install.
Computing

Enjoy your music on more devices: Here's how to convert FLAC to MP3

FLAC files sound awesome — that is, if your device can handle the lossless format. No matter your OS there's a converter for you. Here's how to convert FLAC to MP3, so you no longer have to worry about incompatibility issues.