New Chrome
Chrome 77 is rolling out now!
By default, when you open a new tab in Chrome, you see a search bar, Google’s logo, and thumbnail tiles of the sites you’ve visited most often. However, you can customize the default new tab page a bit (not much), set the New Tab page to a blank page, choose a custom URL to display, or install an extension that adds functionality to the New. The new Microsoft Edge is based on Chromium and was released on January 15, 2020. It is compatible with all supported versions of Windows, and macOS. With speed, performance, best in class compatibility for websites and extensions, and built-in privacy and security features, it's the only browser you'll ever need. Google's Chrome OS turns 10 years old this year and to celebrate it has rolled out a number of new features and updates with its latest version, M89. The Chrome OS updates are primarily aimed at. Google Chrome Download 2020 - Free & Brand New Version Google Chrome is a state-of-the-art browser that offers an efficient, straightforward and secure online experience. The latest release of Chrome comes with an array of exciting new features that make online search more intuitive and straightforward than ever before. On your computer, open Chrome. Switch to the profile you want to edit: At the top right, click Profile. Choose the person or profile you want to switch to. In the top right, click More Settings. Under 'You and Google,' click Chrome name and picture. Enter a new name or choose a new photo. The change will save automatically.
- There's a better way to track the performance of your site with Largest Contentful Paint.
- Forms get some new capabilities.
- Native lazy loading is here.
- Chrome DevSummit 2019 is happening November 11-12 2019.
- And plenty more.
I'm Pete LePage, let's dive in and see what's new for developers in Chrome 77!
Largest Contentful Paint #
Understanding and measuring the real world performance of your site can be hard. Metrics like load, or DOMContentLoaded, don't tell you what the user is seeing on screen. First Paint, and First Contentful Paint, only capture the beginning of the experience. First Meaningful Paint is better, but it's complex, and sometimes wrong.
The Largest Contentful Paint API, available starting in Chrome 77, reports the render time of the largest content element visible in the viewport and makes it possible to measure when the main content of the page is loaded.
To measure the Largest Contentful Paint, you'll need to use a Performance Observer, and look for largest-contentful-paint events.
Since a page often loads in stages, it's possible that the largest element on a page will change, so you should only report the last largest-contentful-paint event to your analytics service.
Phil has a great post about the Largest Contentful Paint on web.dev.
New forms capabilities #
Many developers build custom form controls, either to customize the look and feel of existing elements, or to build new controls that aren't built in to the browser. Typically this involves using JavaScript and hidden <input> elements, but it's not a perfect solution.
Two new web features, added in Chrome 77, make it easier to build custom form controls, and remove the many of the existing limitations.
The formdata event #
The formdata event is a low-level API that lets any JavaScript code participate in a form submission. To use it, add a formdata event listener to the form you want to interact with.
When the user clicks the submit button, the form fires the formdata event, which includes a FormData object that holds all of the data being submitted. Then, in your formdata event handler, you can update or modify the formdata before it's submitted.
Form-associated custom elements #
Form-associated custom elements help to bridge the gap between custom elements and native controls. Adding a static formAssociated property tells the browser to treat the custom element like all other form elements. You should also add common properties found on input elements, like name, value, and validity to ensure consistency with native controls.
Check out More capable form controls on web.dev for all the details!
Native lazy loading #
I'm not sure how I missed native lazy loading in my last video! It's pretty amazing, so I'm including it now. Lazy loading is a technique that allows you to defer the loading of non-critical resources, like off-screen <img>'s, or <iframe>'s - until they're needed, increasing the performance of your page.
Starting in Chrome 76, the browser handles lazy loading for you, without the need to write custom lazy loading code, or use a separate JavaScript library.
To tell the browser you want an image, or iframe lazy loaded, use the loading='lazy' attribute. Images and iframes that are 'above the fold' load normally. And those that are below, are only fetched when the user scrolls near them.
Check out Browser level lazy-loading for the web on web.dev for details.
Chrome Dev Summit 2019 #
The Chrome Dev Summit is coming up November 11th and 12th.
It's a great opportunity to learn about the latest tools and updates coming to the web platform, and hear directly from the Chrome engineering team.
It'll be streamed live on our YouTube channel, or if you want to attend in person, you can request your invite at the Chrome Dev Summit 2019 website.
And more! #
These are just a few of the changes in Chrome 77 for developers, of course, there's plenty more.
The Contact Picker API, available as an origin trial, is a new, on-demand picker that allows users to select an entry or entries from their contact list and share limited details of the selected contacts with a website.
And there are new measurement units in the intl.NumberFormat API.
Further reading #
This covers only some of the key highlights. Check the links below for additional changes in Chrome 77.
Subscribe #
Want to stay up to date with our videos, then subscribe to our Chrome Developers YouTube channel, and you'll get an email notification whenever we launch a new video.
I'm Pete LePage, and as soon as Chrome 78 is released, I'll be right here to tell you -- what's new in Chrome!
Last updated: Improve article
Industrial Chrome Plating
Chrome plating is necessary to keep machines running in prime condition. Trust New England Chrome Plating Inc for qualified plating services. We give great attention to detail.
Auto Chrome Plating
Whether it is a car or a boat, if you want to improve its look with chrome plating, we can help you. Contact us today for a FREE estimate. We provide a 1-year warranty on all our work!
Hardware Chrome Plating
Reviving housewares or antiques can be an arduous task. For hassle-free household hardware or antique chrome plating processing, rely on us for exceptional service.
Find Us
Contact Us
New England Chrome Plating Inc
New Chromecase
New Chromebooks
Tel:860-528-7176
Fax:860-528-7177