Please enable JavaScript to use this page!

AllTalks site logo
πŸ”

Speed tooling evolutions: 2019 and beyond

Our understanding of how to accurately represent and optimize for a users' experience continues to grow more accurate and informed. Our speed metrics, automation story, and best-practice recommendations are kept up to date to reflect these learnings. This talk covers the newest user-centric metrics in our tools, and how to leverage Google and Chrome's newest features and products to build and maintain an exceptionally fast experience for all of your users.


web.dev

38 min

Optimize for Core Web Vitals

Addy Osmani

In this hands-on talk, we cover tips & tricks for optimizing your user-experience to meet the Core Web Vitals. We use tools like Lighthouse & DevTools, show you code snippets for fixes, and highlight…

web.dev

34 min

Core Web Vitals in the DevTools timeline

Paul Lewis, Philip Walton

The Core Web Vitals are a great way to assess the UX impact of page load performance. In this talk, we cover what the vitals are, where they came from, and how you can use Chrome's DevTools to explor…

Π― ❀︎ Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄

43 min

Web Vitals: ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ

АртСм Π‘Π΅Π»ΠΎΠ²

Π’ индустрии ΡƒΠΆΠ΅ Π΄Π°Π²Π½ΠΎ сформированы стандарты ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ β€” это ΠΈΠ½ΠΈΡ†ΠΈΠ°Ρ‚ΠΈΠ²Π° Web Vitals. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, это Π½Π΅ страхуСт программистов ΠΎΡ‚ Π»ΠΎΠΆΠ½Ρ‹Ρ… ΠΏΡƒΡ‚Π΅ΠΉ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Performance-ΠΌΠ΅Ρ‚Ρ€ΠΈΠΊ.…

JavaScript fwdays

34 min

I reviewed 200 perf-related webpack plugins so that you don’t have to

Ivan Akulov

There are almost 10 000 npm packages with the β€œwebpack” keyword in their package.json. Almost all of them are webpack loaders or plugins. But many of us have used 10 or 20 of those at most. In this …

ITeaConf

26 min

Howto: интСрактивная визуализация Π½Π° сотни тысяч элСмСнтов Π²Π½ΡƒΡ‚Ρ€ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°

Иван Π—Π°Ρ‚Ρ€Π°Π²ΠΊΠΈΠ½

Π’ Π΄Π°Π½Π½ΠΎΠΌ Π΄ΠΎΠΊΠ»Π°Π΄Π΅ ΠΌΡ‹ рассмотрим комплСксный ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ ΠΊ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡŽ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ взаимодСйствия Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ с датасСтами Π² сотни тысяч элСмСнтов. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΠΌ ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΠΌ, Ρ‡Ρ‚ΠΎ сработало, Π° ΠΊΠ°ΠΊΠΈΠ΅ ΠΈΠ΄Π΅ΠΈ …

DotNext

70 min

ΠœΠΎΠ³Ρƒ Π»ΠΈ я ΡΠΏΡ€Ρ‹Π³Π½ΡƒΡ‚ΡŒ с F5-корабля прямиком Π² гипСрпространство Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ?

АлСксандр Π―ΠΊΡƒΠ½ΠΈΠ½

ΠšΠ°ΠΊΠΎΠ²Ρ‹ связи ΠΌΠ΅ΠΆΠ΄Ρƒ обновлСниями, Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΠΌΠΈ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, ΠΈΠ½ΠΊΡ€Π΅ΠΌΠ΅Π½Ρ‚Π½Ρ‹ΠΌΠΈ сборками, ΠΊΡΡˆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ, ΠΈΠ·Π±Ρ‹Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒΡŽ микросСрвиса ΠΈ, Π½Π°ΠΊΠΎΠ½Π΅Ρ†, ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒΡŽ React? АлСксандр ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚, ΠΊΠ°ΠΊ набор…

Chrome Dev Summit

33 min

Chrome extensions and the world of tomorrow

Simeon Vincent

Chrome's extensions platform is undergoing a sea change. Nearly 6 years after the current manifest version was introduced, we are revving it again. Manifest V3 rethinks several of the basics about ho…

React Advanced

27 min

Don’t Let Your Unit Tests Slow You Down

Daniel Irvine

Do your unit tests feel like a chore to maintain? Are they sometimes useful but come with a high maintenance cost? Do you secretly believe you’d work faster without them there? A great test suite sho…

ITeaConf

34 min

Π Π΅Π½Π΄Π΅Ρ€ΠΈΠ½Π³, ΠŸΠΎΡ‡Π΅ΠΌΡƒ Π½ΠΈΠΊΡ‚ΠΎ Π½Π΅ слСдит Π·Π° потСрянными ΠΊΠ°Π΄Ρ€Π°ΠΌΠΈ

Π‘Π΅Ρ€Π³Π΅ΠΉ Иванов

БоврСмСнная Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°,Π² частности вопрос ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ, сводится ΠΊ Ρ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€ΠΈΡ‚ΡŒ Π½Π°Π±ΠΎΡ€ Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Π½ΠΈΠΉ lighthouse ΠΈΠ»ΠΈ ΠΌΠ΅Ρ‚Ρ€ΠΈΠΊ Core Web Vitals. Однако ΠΏΠΎΡ‡Π΅ΠΌΡƒ срСднСстатистичСский …

DotNext

71 min

БорСмся с сСтСвым ΠΎΠ²Π΅Ρ€Ρ…Π΅Π΄ΠΎΠΌ Π² распрСдСлённых систСмах

ПавСл Π’ΡƒΠΏΠΈΡ†Ρ‹Π½

Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ прилоТСния состоят ΠΈΠ· мноТСства подсистСм: Π±Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ…, кСши, Π±Ρ€ΠΎΠΊΠ΅Ρ€Ρ‹ сообщСний. Для ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΎΠ΄Π½ΠΎΠ³ΠΎ запроса ΠΎΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ сСрвСр ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ дСсятки Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΡ… подзапросов. Π’Ρ‹ ска…

DotNext

61 min

ΠŸΡ€ΠΎΡΡ‚Π°Ρ ΠΈ быстрая рСализация парсСров Π½Π° C#

ΠšΠ°Ρ€Π»Π΅Π½ Бимонян

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ парсСров ΠΈ лСксичСских Π°Π½Π°Π»ΠΈΠ·Π°Ρ‚ΠΎΡ€ΠΎΠ² β€” Π·Π°Ρ‚Ρ€Π°Ρ‚Π½ΠΎΠ΅ ΠΏΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π΄Π΅Π»ΠΎ. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ ΠΊ Π½ΠΈΠΌ ΠΏΡ€ΠΈΠ±Π΅Π³Π°ΡŽΡ‚ ΠΏΡ€ΠΈ нСобходимости Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ Ρ€Π°Π·Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ Ρ€ΠΎΠ΄Π° Ρ„ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½Ρ‹Ρ… Π³Ρ€Π°ΠΌΠΌΠ°Ρ‚ΠΈΠΊ, Π² Ρ‚ΠΎΠΌ числС ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚Π½ΠΎ-ориСнтированн…

View Source Amsterdam

33 min

Demystifying Speed Tooling

Paul Irish, Elizabeth Sweeny

This talk will provide an overview on how to effectively assess and optimize site performance using a slew of industry grade tooling. Learn how to methodically diagnose, benchmark (against both lab a…

JavaScript fwdays

36 min

DevTools, more than just a debugger

Chen Hui Jing

The newer CSS features, like Flexbox, Grid or Shapes, introduce new properties and behaviors that can sometimes be complicated to people who are encountering them for the first time. This talk will …

Π―.Π‘ΡƒΠ±Π±ΠΎΡ‚Π½ΠΈΠΊ

65 min

Π‘ΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π²Π΅Π±-страниц

Π”Π°Π½ΠΈΠ»Π° Авдошин

РасскаТу ΠΏΡ€ΠΎ Ρ‚ΠΎ, ΠΊΠ°ΠΊ Π΄Π΅Π»Π°Ρ‚ΡŒ Π²Π΅Π± быстрым, ΠΏΠΎΡ‡Π΅ΠΌΡƒ Π½ΡƒΠΆΠ½ΠΎ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒΡΡ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒΡŽ, ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Ρ€ΡΡ‚ΡŒ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ ΠΈ ΠΏΠΎΠΊΠ°ΠΆΡƒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΈΠ· ΠΆΠΈΠ·Π½ΠΈ настоящих ускорСний.

Chrome Dev Summit

7 min

Faster apps with JSON.parse

Mathias Bynens

Because the JSON grammar is much simpler than JavaScript’s grammar, JSON can be parsed more efficiently than JavaScript. This knowledge can be applied to improve start-up performance for web apps tha…

web.dev

23 min

What’s new in DevTools

Paul Lewis, Surma

Let's take a look at the latest and greatest features in Chrome's DevTools. We cover how you can use the Performance Panel to assess your page load metrics, how you can locate issues with your pages,…

Chrome Dev Summit

30 min

The main thread is overworked & underpaid

Surma

Amongst all the platforms for app development, the web is arguably the only one that does not make good use of threading. On the web, the main thread has a lot of responsibilities, and we keep adding…

ITeaConf

55 min

Is it time to re-sync?

АндрСй ΠŸΠ΅Ρ‡ΠΊΡƒΡ€ΠΎΠ²

Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Ρ‹ ΠΊΡ€ΠΎΡŽΡ‚ Π² сСбС мноТСство Π°ΠΏΠΏΠ°Ρ€Π°Ρ‚Π½Ρ‹Ρ… ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΉ ΠΈ особСнностСй Ρ€Π°Π±ΠΎΡ‚Ρ‹ ЦП ΠΈ памяти, ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²Π°ΠΆΠ½ΠΎ ΠΏΡ€ΠΈ написании ΠΌΠ½ΠΎΠ³ΠΎΠΏΠΎΡ‚ΠΎΡ‡Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° Π½Π° любом языкС, Π² Ρ‚ΠΎΠΌ числС ΠΈ Golang.…

Π― ❀︎ Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄

44 min

КопаСмся ΠΏΠΎΠ΄ ΠΊΠ°ΠΏΠΎΡ‚ΠΎΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°: ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ event loop ΠΈ compositing

Π‘Π΅Ρ€Π³Π΅ΠΉ Π§ΠΈΠΊΡƒΡ‘Π½ΠΎΠΊ

БСйчас, Π² эпоху клиСнтских Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ², ΠΌΠ°Π»ΠΎ ΠΊΡ‚ΠΎ задумываСтся, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡Π½Ρ‹Π΅ Π½Π°ΠΌ Π²Π΅Ρ‰ΠΈ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, Π²Ρ€ΠΎΠ΄Π΅ событий ΠΈΠ»ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ. ΠœΡ‹ часто слСдуСм β€žΠ»ΡƒΡ‡ΡˆΠΈΠΌ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ°ΠΌβ€œ ΠΈ Π½Π΅ задумываСмся, ΠΏΠΎΡ‡Π΅ΠΌΡƒ он…