loading...
Cover image for Lighthouse 6.1, VSCode 1.47, and tracking frameworks performance with Perf Track | Front End News

Lighthouse 6.1, VSCode 1.47, and tracking frameworks performance with Perf Track | Front End News

adriansandu profile image Adrian Sandu ・2 min read

Front End News Season 2 (11 Part Series)

1) Web Vitals metrics from Google, Firefox 76 update, GitHub Satellite 2020 announcements | Front End News 2) Say "Hello" to Deno, what's new in Chrome 84 DevTools, TypeScript 3.9 and the Mozilla Builders Incubator | Front End News 3 ... 9 3) Lighthouse 6.0, what's new in Chrome 83, highlights of MS Build 2020 | Front End News 4) Responsive web design turns ten, tools to measure web vitals and browser news | Front End News 5) Bootstrap 5 Alpha is available, Flash Player EOL plans and the 2019 Web Almanac in PDF format | Front End News 6) Safari 14 preview, WWDC 2020 announcements, what's new in Chromium DevTools | Front End News 7) Web Dev LIVE binge-watching, Firefox 78 update, and help needed for the 2020 Web Almanac | Front End News (Snakes edition) 8) Lighthouse 6.1, VSCode 1.47, and tracking frameworks performance with Perf Track | Front End News 9) The new CSS Zen Garden, Chromium 84 updates and Rachel Andrew's CSS news for July | Front End News 10) MDN gets 15, Software Releases and the #100DaysOfProjects challenge | Front End News 11) 10 Years of Web Fonts, GitHub roadmap, Firefox 79, and Beta CanIUse | Front End News

Hello everyone and welcome back to another episode of Front End News. It's been a fairly quiet week, but I do hope you will find the following topics both interesting and useful.


Lighthouse 6.1

Lighthouse, ˈlītˌhous (n): a tower or other structure tool containing a beacon light to warn or guide ships at sea developers.

We just got a significant update to Lighthouse. The most notable feature is that now the tool can use JS source maps to improve the unused-javascript audit.

Oh, and the labels now read as KiB instead of KB.

There are two new audits coming in:

  • long-tasks is a new diagnostic showing the longest main-thread-blocking tasks during load
  • crawlable-anchors is a new SEO audit that checks that anchors link to resolvable URLs

More changes can be found under the hood, including some new experimental features, updated dependencies, and more. The full release notes are available via the link below.

The new 6.1 version is scheduled to be available with the Chrome 86 update (scheduled for early October). That can be a long time to wait, so if you want to try the new features, you should download Chrome Canary which is currently being used to test-run version 86.


Software updates and releases

Here are the updates and releases for this edition. In each case, you can find the full details in the release notes linked down below.

VSCode 1.47

Yarn 2.1.0

React Native 0.63

ESLint v7.4.0

Fastify 3.0.0


Interesting things worth having a look at

I also stumbled upon the following news items and I think they were way too interesting to be ignored, but they were also not fitting in the normal episode structure.

Perf Track

Alt Text


That's all there is in this edition. If you want a front-row seat to the selection process for the next episode, join me on Twitch every Saturday (go to twitch.tv/frontendnexus at 20:00 EEST).

You might also want to subscribe to the YouTube channel at https://www.youtube.com/channel/UCgACtqiDmnSaskDIBsK54ww. I am working on bringing you new content there, such as the recent interview with Katie Fenn on the power of developer communities. As always, your support is highly appreciated.

Katie Fenn: the power of developer communitie

Have a great and productive week, keep yourselves safe and I will see you next time!

Front End News Season 2 (11 Part Series)

1) Web Vitals metrics from Google, Firefox 76 update, GitHub Satellite 2020 announcements | Front End News 2) Say "Hello" to Deno, what's new in Chrome 84 DevTools, TypeScript 3.9 and the Mozilla Builders Incubator | Front End News 3 ... 9 3) Lighthouse 6.0, what's new in Chrome 83, highlights of MS Build 2020 | Front End News 4) Responsive web design turns ten, tools to measure web vitals and browser news | Front End News 5) Bootstrap 5 Alpha is available, Flash Player EOL plans and the 2019 Web Almanac in PDF format | Front End News 6) Safari 14 preview, WWDC 2020 announcements, what's new in Chromium DevTools | Front End News 7) Web Dev LIVE binge-watching, Firefox 78 update, and help needed for the 2020 Web Almanac | Front End News (Snakes edition) 8) Lighthouse 6.1, VSCode 1.47, and tracking frameworks performance with Perf Track | Front End News 9) The new CSS Zen Garden, Chromium 84 updates and Rachel Andrew's CSS news for July | Front End News 10) MDN gets 15, Software Releases and the #100DaysOfProjects challenge | Front End News 11) 10 Years of Web Fonts, GitHub roadmap, Firefox 79, and Beta CanIUse | Front End News

Posted on by:

adriansandu profile

Adrian Sandu

@adriansandu

I am a UX Front-End Developer, consultant, creator and speaker currently living in Iasi, Romania.

Discussion

markdown guide