Artwork

Changelog Media์—์„œ ์ œ๊ณตํ•˜๋Š” ์ฝ˜ํ…์ธ ์ž…๋‹ˆ๋‹ค. ์—ํ”ผ์†Œ๋“œ, ๊ทธ๋ž˜ํ”ฝ, ํŒŸ์บ์ŠคํŠธ ์„ค๋ช…์„ ํฌํ•จํ•œ ๋ชจ๋“  ํŒŸ์บ์ŠคํŠธ ์ฝ˜ํ…์ธ ๋Š” Changelog Media ๋˜๋Š” ํ•ด๋‹น ํŒŸ์บ์ŠคํŠธ ํ”Œ๋žซํผ ํŒŒํŠธ๋„ˆ๊ฐ€ ์ง์ ‘ ์—…๋กœ๋“œํ•˜๊ณ  ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๋ˆ„๊ตฐ๊ฐ€๊ฐ€ ๊ท€ํ•˜์˜ ํ—ˆ๋ฝ ์—†์ด ๊ท€ํ•˜์˜ ์ €์ž‘๋ฌผ์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋‹ค๊ณ  ์ƒ๊ฐ๋˜๋Š” ๊ฒฝ์šฐ ์—ฌ๊ธฐ์— ์„ค๋ช…๋œ ์ ˆ์ฐจ๋ฅผ ๋”ฐ๋ฅด์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค https://ko.player.fm/legal.
Player FM -ํŒŸ ์บ์ŠคํŠธ ์•ฑ
Player FM ์•ฑ์œผ๋กœ ์˜คํ”„๋ผ์ธ์œผ๋กœ ์ „ํ™˜ํ•˜์„ธ์š”!

Getting a pulse on your Core Web Vitals ๐Ÿฉบ

1:24:20
 
๊ณต์œ 
 

Manage episode 405237425 series 1391411
Changelog Media์—์„œ ์ œ๊ณตํ•˜๋Š” ์ฝ˜ํ…์ธ ์ž…๋‹ˆ๋‹ค. ์—ํ”ผ์†Œ๋“œ, ๊ทธ๋ž˜ํ”ฝ, ํŒŸ์บ์ŠคํŠธ ์„ค๋ช…์„ ํฌํ•จํ•œ ๋ชจ๋“  ํŒŸ์บ์ŠคํŠธ ์ฝ˜ํ…์ธ ๋Š” Changelog Media ๋˜๋Š” ํ•ด๋‹น ํŒŸ์บ์ŠคํŠธ ํ”Œ๋žซํผ ํŒŒํŠธ๋„ˆ๊ฐ€ ์ง์ ‘ ์—…๋กœ๋“œํ•˜๊ณ  ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๋ˆ„๊ตฐ๊ฐ€๊ฐ€ ๊ท€ํ•˜์˜ ํ—ˆ๋ฝ ์—†์ด ๊ท€ํ•˜์˜ ์ €์ž‘๋ฌผ์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋‹ค๊ณ  ์ƒ๊ฐ๋˜๋Š” ๊ฒฝ์šฐ ์—ฌ๊ธฐ์— ์„ค๋ช…๋œ ์ ˆ์ฐจ๋ฅผ ๋”ฐ๋ฅด์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค https://ko.player.fm/legal.

This week, Amal and Nick are joined by Rick Viscomi and Annie Sullivan from the Chrome team to dive into Core Web Vitals, a set of performance metrics geared towards helping developers surface web page quality signals that are key to delivering great user experiences.

We deconstruct the different vitals and learn how they are helpful, as well as introduce the newest vital to hit the scene, Interaction to Next Paint (INP). Join us for a fun and nerdtastic discussion as we dive into the humbling universe of web performance!

Leave us a comment

Changelog++ members save 3 minutes on this episode because they made the ads disappear. Join today!

Sponsors:

  • PowerSync โ€“ Build local-first web apps โ€” Give users instantly reactive UX with an in-browser database that keeps itself in sync with any backend Postgres. No need to wait for network requests, code complicated caching logic or to maintain in-memory state. Set up is easy, removal too. Try on a generous free plan.
  • Fly.io โ€“ The home of Changelog.com โ€” Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
  • Typesense โ€“ Lightning fast, globally distributed Search-as-a-Service that runs in memory. You literally canโ€™t get any faster!
  • Sentry โ€“ Launch week! New features and products all week long (so get comfy)! Tune in to Sentryโ€™s YouTube and Discord daily at 9am PT to hear the latest scoop. Too busy? No problem - enter your email address to receive all the announcements (and win swag along the way). Use the code CHANGELOG when you sign up to get $100 OFF the team plan.

Featuring:

Show Notes:

Something missing or broken? PRs welcome!

  continue reading

์ฑ•ํ„ฐ

1. It's party time, y'all (00:00:00)

2. JavaScript Party? (00:00:55)

3. Setting definitions (00:07:14)

4. Learn about event loops (00:08:30)

5. Long animation frames? (00:10:42)

6. Responsiveness! (00:12:35)

7. Interactions? (00:14:01)

8. Digging into Core Web Vitals (00:15:35)

9. Tools for Core Web Vitals (00:18:41)

10. Can we gamifying this? (00:25:18)

11. How does this tie to SEO? (00:27:19)

12. Core Web Vitals ALWAYS? (00:31:03)

13. Sponsor: PowerSync (00:33:29)

14. Interaction to Next Paint (INP) metrics (00:35:27)

15. INP > FID? (00:40:09)

16. INP pitfalls? (00:45:19)

17. LCP and CLS (00:53:52)

18. Nick on CLS (01:01:09)

19. Brush your teeth (daily!) (01:06:10)

20. Beyond Chrome and other browsers (01:13:28)

21. What does this matter? (01:18:10)

22. Getting in touch (01:22:04)

23. Outro (01:22:47)

334 ์—ํ”ผ์†Œ๋“œ

Artwork
icon๊ณต์œ 
 
Manage episode 405237425 series 1391411
Changelog Media์—์„œ ์ œ๊ณตํ•˜๋Š” ์ฝ˜ํ…์ธ ์ž…๋‹ˆ๋‹ค. ์—ํ”ผ์†Œ๋“œ, ๊ทธ๋ž˜ํ”ฝ, ํŒŸ์บ์ŠคํŠธ ์„ค๋ช…์„ ํฌํ•จํ•œ ๋ชจ๋“  ํŒŸ์บ์ŠคํŠธ ์ฝ˜ํ…์ธ ๋Š” Changelog Media ๋˜๋Š” ํ•ด๋‹น ํŒŸ์บ์ŠคํŠธ ํ”Œ๋žซํผ ํŒŒํŠธ๋„ˆ๊ฐ€ ์ง์ ‘ ์—…๋กœ๋“œํ•˜๊ณ  ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๋ˆ„๊ตฐ๊ฐ€๊ฐ€ ๊ท€ํ•˜์˜ ํ—ˆ๋ฝ ์—†์ด ๊ท€ํ•˜์˜ ์ €์ž‘๋ฌผ์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋‹ค๊ณ  ์ƒ๊ฐ๋˜๋Š” ๊ฒฝ์šฐ ์—ฌ๊ธฐ์— ์„ค๋ช…๋œ ์ ˆ์ฐจ๋ฅผ ๋”ฐ๋ฅด์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค https://ko.player.fm/legal.

This week, Amal and Nick are joined by Rick Viscomi and Annie Sullivan from the Chrome team to dive into Core Web Vitals, a set of performance metrics geared towards helping developers surface web page quality signals that are key to delivering great user experiences.

We deconstruct the different vitals and learn how they are helpful, as well as introduce the newest vital to hit the scene, Interaction to Next Paint (INP). Join us for a fun and nerdtastic discussion as we dive into the humbling universe of web performance!

Leave us a comment

Changelog++ members save 3 minutes on this episode because they made the ads disappear. Join today!

Sponsors:

  • PowerSync โ€“ Build local-first web apps โ€” Give users instantly reactive UX with an in-browser database that keeps itself in sync with any backend Postgres. No need to wait for network requests, code complicated caching logic or to maintain in-memory state. Set up is easy, removal too. Try on a generous free plan.
  • Fly.io โ€“ The home of Changelog.com โ€” Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.
  • Typesense โ€“ Lightning fast, globally distributed Search-as-a-Service that runs in memory. You literally canโ€™t get any faster!
  • Sentry โ€“ Launch week! New features and products all week long (so get comfy)! Tune in to Sentryโ€™s YouTube and Discord daily at 9am PT to hear the latest scoop. Too busy? No problem - enter your email address to receive all the announcements (and win swag along the way). Use the code CHANGELOG when you sign up to get $100 OFF the team plan.

Featuring:

Show Notes:

Something missing or broken? PRs welcome!

  continue reading

์ฑ•ํ„ฐ

1. It's party time, y'all (00:00:00)

2. JavaScript Party? (00:00:55)

3. Setting definitions (00:07:14)

4. Learn about event loops (00:08:30)

5. Long animation frames? (00:10:42)

6. Responsiveness! (00:12:35)

7. Interactions? (00:14:01)

8. Digging into Core Web Vitals (00:15:35)

9. Tools for Core Web Vitals (00:18:41)

10. Can we gamifying this? (00:25:18)

11. How does this tie to SEO? (00:27:19)

12. Core Web Vitals ALWAYS? (00:31:03)

13. Sponsor: PowerSync (00:33:29)

14. Interaction to Next Paint (INP) metrics (00:35:27)

15. INP > FID? (00:40:09)

16. INP pitfalls? (00:45:19)

17. LCP and CLS (00:53:52)

18. Nick on CLS (01:01:09)

19. Brush your teeth (daily!) (01:06:10)

20. Beyond Chrome and other browsers (01:13:28)

21. What does this matter? (01:18:10)

22. Getting in touch (01:22:04)

23. Outro (01:22:47)

334 ์—ํ”ผ์†Œ๋“œ

Wszystkie odcinki

×
 
Loading …

ํ”Œ๋ ˆ์ด์–ด FM์— ์˜ค์‹ ๊ฒƒ์„ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค!

ํ”Œ๋ ˆ์ด์–ด FM์€ ์›น์—์„œ ๊ณ ํ’ˆ์งˆ ํŒŸ์บ์ŠคํŠธ๋ฅผ ๊ฒ€์ƒ‰ํ•˜์—ฌ ์ง€๊ธˆ ๋ฐ”๋กœ ์ฆ๊ธธ ์ˆ˜ ์žˆ๋„๋ก ํ•ฉ๋‹ˆ๋‹ค. ์ตœ๊ณ ์˜ ํŒŸ์บ์ŠคํŠธ ์•ฑ์ด๋ฉฐ Android, iPhone ๋ฐ ์›น์—์„œ๋„ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. ์žฅ์น˜ ๊ฐ„ ๊ตฌ๋… ๋™๊ธฐํ™”๋ฅผ ์œ„ํ•ด ๊ฐ€์ž…ํ•˜์„ธ์š”.

 

๋น ๋ฅธ ์ฐธ์กฐ ๊ฐ€์ด๋“œ