|Chrome Working Towards Faster, Smoother UX|
|Written by Ian Elliot|
|Thursday, 22 November 2018|
This year's Chrome Dev Summit, which took place in San Francisco and was live-streamed to a much bigger audience, was kicked off by Ben Galbraith and Don Almaer who did a quick stroll down memory lane to acknowledge the fact that this year marked Chrome's 10th birthday and Google's 20th.
The next problem to be tackled was that of ensuring that a page delivers a smooth, interactive user experience as it loads and after it’s displayed. This means responding to all user input quickly, in less than a 1/10th of a second, and ensuring that the user interface doesn’t “jank”— meaning the UI doesn’t pause and then jump suddenly.
Galbraith and Almaer told how the Chrome team approached jank:
Having explored how to make web apps smoother the end result is Squoosh.app, an image compression tool which launches almost instantly, and then manages a smooth UI even when it’s doing heavy work, including using Web Assembly to do more with codecs the browser doesn’t have baked in.
Here's its demo:
To provide for a more capable web Google is expanding PWA (Progressive Web Apps) support across Chrome for Windows and Linux, with Mac support targeted to land in Chrome 72.
On Day 2, Nicole Sullivan, Chrome Product Manager, and Malte Ubl, Google Engineering Lead, shared details of some ongoing projects the Chrome team is working on.
Web Packaging is a tool for improving AMP URLs that gives the browser a proof of origin for the resources that it renders. This is achieved through Signed Exchanges, a subset of the full Web Packaging proposal. As long as the web package is properly signed, the original URL is shown to the user. This enables pre-loading pages while still preserving privacy and makes edge caching much easier. It can already be seen in action in the Google Search dev preview.
Portals, an open source project on GitHub, provide navigation between pages by enabling multi-page sites to act like single-page applications. It lets a page to show another page as an inset and perform a seamless transition between an inset state and a navigated state. To understand it see it in action:
The Houdini APIs, such as the CSS Paint API, Animation and Layout Worklets, were presented by the Chrome team as a way to overcome the bad user experience developers often have to put up with in order to provide a smooth user experience.These APIs give developers an unprecedented level of control to build new and modern interfaces.
As demoed below, the Animation worklet allows you to write imperative animations that run at the device's native frame rate for "jank-free smoothness":
Google is also working on creating a “well-lit path” for developers to follow and helping them catch common mistakes.
Announcing support for third party frameworks, Sullivan and Ubl explained:
Focusing on performance is critical today. Frameworks play a very important role in achieving lasting improvements at scale. We’ve already seen some great work done by various frameworks over this past year, and we want to collaborate and support their efforts in 2019.
For collaboration feedback from framework teams is being made a standard part of the Chrome Intent to Implement process. which will allow frameworks to have a say in which features are prioritized. At the same time Google intends to:
share performance goals that we’d love to see “on by default” in frameworks. We’re excited to see what the developer community will come up with given their experience working with frameworks and the wider ecosystem. And based on the potential impact of the proposal, we’ll support your work through direct funding.
Google is launching a fund, titled the Web Framework & Tools Performance Program, with an initial amount of $200,000 and those responsible for Frameworks teams are invited to sign up to receive more details of it.
It is good to see Google putting money into open source to make the web a better experience for users and developers alike.
or email your comment to: firstname.lastname@example.org
|Last Updated ( Thursday, 22 November 2018 )|