- vừa được xem lúc

Measure performance with web-vitals.js, Google Analytics, and BigQuery

Video
#ChromeDevelopers
#GoogleIO

0 0 10

Người đăng: Google Chrome Developers

It can be hard to identify areas for improvement purely based on reports like CrUX, PSI, Lighthouse, and Search Console, as their real user data is aggregated against your domain, not specific pages.

To identify which specific pages or templates you should focus on for performance improvements, you need to query event-level data.

Learn how to use web-vitals.js and Google Analytics to log real user metrics, and use BigQuery and Data Studio to aggregate this data at an actionable level.

Speaker: Tony Conway

Watch more:
All Google I/O 2022 Sessions → https://goo.gle/IO22_AllSessions
Web at I/O 2022 playlist → https://goo.gle/IO22_Web
All Google I/O 2022 workshops → https://goo.gle/IO22_Workshops

Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

#GoogleIO

Bình luận

Bài viết tương tự

- vừa được xem lúc

Chrome 88 - What’s New in DevTools

Video

New to DevTools in Chrome 88:. . What’s new in DevTools (Chrome 88) → http://goo.gle/3owkBMr.

0 0 39

- vừa được xem lúc

New in Chrome 88: Manifest v3, aspect-ratio, digital goods API, and more!

Video

Chrome 88 is rolling out now! You can now upload extensions using manifest v 3 to the Chrome Web Store. The aspect-ratio CSS property makes it easy to set the aspect ratio on any element.

0 0 30

- vừa được xem lúc

Thinking on ways to solve a SIDENAV

Video

In today’s GUI challenge we create a responsive, accessible slide out side navigation user experience using CSS and JS. The sidenav works on multiple browsers, screen sizes and input devices.

0 0 45

- vừa được xem lúc

Dithering - HTTP 203

Video

How do you take an image with 256 shades of grey and map it to an image with just two colors? Jake and Surma go down the monochrome image dithering rabbit hole and explain how different dithering tech

0 0 43

- vừa được xem lúc

Submission shoutouts for SIDENAV

Video

We asked the community to build a sidenav component your way and you all delivered! Check out the submissions:. @a_nurella → http://goo.gle/3j9bmQm. @mayeedwin1 → http://goo.

0 0 28

- vừa được xem lúc

JavaScript counters the hard way - HTTP 203

Video

You’ve seen loads of counter tutorials online, but they’re all a bit wrong… or at least most of them are. Jake and Surma dissect different techniques and identify how to make the counter work accurate

0 0 46