Core Web Vitals in the DevTools timeline
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 explore your site or app's vitals values.
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β¦
Π― β€οΈ Π€ΡΠΎΠ½ΡΠ΅Π½Π΄
43 min
Web Vitals: ΡΠ²ΠΈΠ΄Π΅ΡΡ ΠΈ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ
ΠΡΡΠ΅ΠΌ ΠΠ΅Π»ΠΎΠ²
Π ΠΈΠ½Π΄ΡΡΡΡΠΈΠΈ ΡΠΆΠ΅ Π΄Π°Π²Π½ΠΎ ΡΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π½Ρ ΡΡΠ°Π½Π΄Π°ΡΡΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ β ΡΡΠΎ ΠΈΠ½ΠΈΡΠΈΠ°ΡΠΈΠ²Π° Web Vitals. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΡΡΠΎ Π½Π΅ ΡΡΡΠ°Ρ ΡΠ΅Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠΎΠ² ΠΎΡ Π»ΠΎΠΆΠ½ΡΡ ΠΏΡΡΠ΅ΠΉ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ Performance-ΠΌΠ΅ΡΡΠΈΠΊ.β¦
web.dev
16 min
Whatβs new in speed tooling
Elizabeth Sweeny
Our understanding of how to effectively measure and optimize a user's experience is continually evolving, and we keep our metrics and tooling updated to reflect the latest in our learnings. This talkβ¦
Chrome Dev Summit
36 min
Adaptive Loading - Improving web performance on slow devices
Addy Osmani, Nate Schloss
Today, developers often build components and routes for a single baseline ("mobile", "desktop"). However, the environment conditions users are in are often much more nuanced. They may be on a device β¦
CSSCAMP
32 min
Mind over Matter: Optimize Performance Without Code
StΓ©phanie Walter
Did you already optimize every. single. line. of. code. to be found on your website or mobile app? Are you getting tired of hearing about load times and TTFB(Time to first byte)? Do you need to reminβ¦
React Advanced
41 min
Keynote: Performance is magic
Ken Wheeler
This talk will explore strategies for fixing performance issues in your apps when they arise. We will look at how we can make our React apps βBlazingβ fast, and when itβs time to bail out of React inβ¦
Chrome Dev Summit
23 min
Speed tooling evolutions: 2019 and beyond
Elizabeth Sweeny, Paul Irish
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 recommendatiβ¦
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 β¦
ITeaConf
26 min
Howto: ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½Π°Ρ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΡ Π½Π° ΡΠΎΡΠ½ΠΈ ΡΡΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π²Π½ΡΡΡΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠ°
ΠΠ²Π°Π½ ΠΠ°ΡΡΠ°Π²ΠΊΠΈΠ½
Π Π΄Π°Π½Π½ΠΎΠΌ Π΄ΠΎΠΊΠ»Π°Π΄Π΅ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡΠ½ΡΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ ΠΊ ΡΠ΅ΡΠ΅Π½ΠΈΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ ΡΠ΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Ρ Π΄Π°ΡΠ°ΡΠ΅ΡΠ°ΠΌΠΈ Π² ΡΠΎΡΠ½ΠΈ ΡΡΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². ΠΠΎΡΠΌΠΎΡΡΠΈΠΌ ΠΈ ΠΏΡΠΎΠ²Π΅ΡΠΈΠΌ, ΡΡΠΎ ΡΡΠ°Π±ΠΎΡΠ°Π»ΠΎ, Π° ΠΊΠ°ΠΊΠΈΠ΅ ΠΈΠ΄Π΅ΠΈ β¦
ITeaConf
34 min
Π Π΅Π½Π΄Π΅ΡΠΈΠ½Π³, ΠΠΎΡΠ΅ΠΌΡ Π½ΠΈΠΊΡΠΎ Π½Π΅ ΡΠ»Π΅Π΄ΠΈΡ Π·Π° ΠΏΠΎΡΠ΅ΡΡΠ½Π½ΡΠΌΠΈ ΠΊΠ°Π΄ΡΠ°ΠΌΠΈ
Π‘Π΅ΡΠ³Π΅ΠΉ ΠΠ²Π°Π½ΠΎΠ²
Π‘ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ ΡΡΠΎΠ½ΡΠ΅Π½Π΄ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ°,Π² ΡΠ°ΡΡΠ½ΠΎΡΡΠΈ Π²ΠΎΠΏΡΠΎΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ, ΡΠ²ΠΎΠ΄ΠΈΡΡΡ ΠΊ ΡΠΎΠΌΡ, ΡΡΠΎΠ±Ρ ΡΠ΄ΠΎΠ²Π»Π΅ΡΠ²ΠΎΡΠΈΡΡ Π½Π°Π±ΠΎΡ ΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΠΉ lighthouse ΠΈΠ»ΠΈ ΠΌΠ΅ΡΡΠΈΠΊ Core Web Vitals. ΠΠ΄Π½Π°ΠΊΠΎ ΠΏΠΎΡΠ΅ΠΌΡ ΡΡΠ΅Π΄Π½Π΅ΡΡΠ°ΡΠΈΡΡΠΈΡΠ΅ΡΠΊΠΈΠΉ β¦
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β¦
Π―.Π‘ΡΠ±Π±ΠΎΡΠ½ΠΈΠΊ
65 min
Π‘ΠΊΠΎΡΠΎΡΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ
ΠΠ°Π½ΠΈΠ»Π° ΠΠ²Π΄ΠΎΡΠΈΠ½
Π Π°ΡΡΠΊΠ°ΠΆΡ ΠΏΡΠΎ ΡΠΎ, ΠΊΠ°ΠΊ Π΄Π΅Π»Π°ΡΡ Π²Π΅Π± Π±ΡΡΡΡΡΠΌ, ΠΏΠΎΡΠ΅ΠΌΡ Π½ΡΠΆΠ½ΠΎ Π·Π°Π½ΠΈΠΌΠ°ΡΡΡΡ ΡΠΊΠΎΡΠΎΡΡΡΡ, ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅ΡΡΡΡ ΡΠΊΠΎΡΠΎΡΡΡ ΠΈ ΠΏΠΎΠΊΠ°ΠΆΡ ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΈΠ· ΠΆΠΈΠ·Π½ΠΈ Π½Π°ΡΡΠΎΡΡΠΈΡ ΡΡΠΊΠΎΡΠ΅Π½ΠΈΠΉ.
YaTalks
37 min
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΠΎΠΉ UI-Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ
ΠΠ²Π³Π΅Π½ΠΈΠΉ Π’ΡΠΎΠΏΠΈΠ½
ΠΠΎΠΊΠ»Π°Π΄ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ»Π΅Π·Π΅Π½ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ²ΠΎΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΈ Π·Π°Π±ΠΎΡΡΡΡΡ ΠΎ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΠΈ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ².
YaTalks
65 min
ΠΠ°ΡΡΠΈΡΠ΅ ΠΌΠ΅Π½Ρ ΠΏΠΈΡΠ°ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΡ Π΄Π»Ρ ΠΊΠΎΡΠΌΠΎΠ»ΡΡΠΎΠ²!
Π‘Π΅ΡΠ³Π΅ΠΉ ΠΠ΅ΡΠ΅ΠΆΠ½ΠΎΠΉ, Π’ΠΈΠ½Π° ΠΡΠΌΠΈΠ»ΠΈΠ½Π°, ΠΠΈΡΠΈΠ»Π» ΠΠΎΠΊΠ΅Π²Π½ΠΈΠ½, ΠΠ»Π΅ΠΊΡΠ°Π½Π΄Ρ ΠΠ°ΡΠ»ΡΡ , ΠΠ»Π΅ΠΊΡΠ΅ΠΉ Π‘ΠΈΠΌΠΎΠ½Π΅Π½ΠΊΠΎ
Π£ΡΠ»Π° ΡΠΏΠΎΡ Π° Π²Π΅Π±-ΠΌΠ°ΡΡΠ΅ΡΠΎΠ², ΠΊΠΎΠ³Π΄Π° ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ Π½Π°ΡΡΠΈΡΡΡΡ Π΄Π΅Π»Π°ΡΡ ΡΠ°ΠΉΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠ½ΠΈΠ³ ΠΈ CHM-ΡΠ°ΠΉΠ»ΠΎΠ². ΠΠ°ΠΊ ΡΠ΅ΠΏΠ΅ΡΡ ΡΡΠΈΡΡΡΡ ΠΏΠΈΡΠ°ΡΡ Π²Π΅Π±? ΠΠ°ΠΊΡΡ ΡΠΊΠΎΠ»Ρ Π²ΡΠ±ΡΠ°ΡΡ? ΠΡΠΆΠ΅Π½ Π»ΠΈ ΠΌΠ΅Π½ΡΠΎΡ? ΠΡΠΆΠ½ΠΎ Π»ΠΈ ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ Π²ΠΎ ΡΡΠΎΠ½ΡΠ΅Π½Π΄Π΅? Πβ¦
YaTalks
45 min
ΠΠ°ΠΊ ΠΈ Π·Π°ΡΠ΅ΠΌ ΠΏΡΠΎΠ²ΠΎΠ΄ΠΈΡΡ ΡΠ΅ΡΡΡ Ρ Π½Π΅Π·ΡΡΡΠΈΠΌΠΈ Π»ΡΠ΄ΡΠΌΠΈ?
ΠΠ°Π»Π΅ΡΠΈΡ ΠΡΡΠΌΠ°ΠΊ, ΠΠ½Π°ΡΠΎΠ»ΠΈΠΉ ΠΠΎΠΏΠΊΠΎ
ΠΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΎ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΠΈ ΡΠΈΡΡΠΎΠ²ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° ΠΈ ΡΠ΅ΡΠ²ΠΈΡΠΎΠ², Π²ΠΌΠ΅ΡΡΠ΅ ΠΏΠΎΠΏΡΠΎΠ±ΡΠ΅ΠΌ ΠΎΡΠ²Π΅ΡΠΈΡΡ Π½Π° Π²Π°ΠΆΠ½ΡΠ΅ Π²ΠΎΠΏΡΠΎΡΡ: ΠΠΎΡΠ΅ΠΌΡ Π²Π°ΠΆΠ½ΠΎ ΠΏΡΠΎΠ²ΠΎΠ΄ΠΈΡΡ ΡΠ΅ΡΡΡ Ρ Π½Π΅Π·ΡΡΡΠΈΠΌΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌΠΈ? ΠΠΎΡΠ΅ΠΌΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠ΅ΡΡΠΎΠ² ΠΈΠ»ΠΈ ΡΠ°ΠΌΠΎβ¦
YaTalks
62 min
Π‘ΠΏΠ΅ΡΠ²ΡΠΏΡΡΠΊ Β«ΠΠ΅Π±-ΡΡΠ°Π½Π΄Π°ΡΡΠΎΠ²Β»
ΠΠ°Π΄ΠΈΠΌ ΠΠ°ΠΊΠ΅Π΅Π², ΠΠ½Π΄ΡΠ΅ΠΉ ΠΠ΅Π»ΠΈΡ ΠΎΠ², ΠΠΈΠΊΠΈΡΠ° ΠΡΠ±ΠΊΠΎ
ΠΠΎΠ²ΠΎΡΡΠΈ ΡΡΠΎΠ½ΡΠ΅Π½Π΄Π° Π·Π° ΠΏΡΠΎΡΠ΅Π΄ΡΡΡ Π½Π΅Π΄Π΅Π»Ρ Π² ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠΌ Π²ΡΠΏΡΡΠΊΠ΅ ΠΏΠΎΠ΄ΠΊΠ°ΡΡΠ° Β«ΠΠ΅Π±-ΡΡΠ°Π½Π΄Π°ΡΡΡΒ» Π² Π²ΠΈΠ΄Π΅ΠΎΡΠΎΡΠΌΠ°ΡΠ΅.
ITeaConf
28 min
ΠΠΈΠΊΡΠΎ-ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ ΠΊΠΎΠ΄Π° Π½Π° Python: CPython ΠΈ ΠΌΠ°Π½ΠΈΠΏΡΠ»ΡΡΠΈΠΈ Ρ AST
ΠΠ½Π΄ΡΠ΅ΠΉ Π’ΠΈΡ ΠΎΠ½ΠΎΠ²
Π Π΄ΠΎΠΊΠ»Π°Π΄Π΅ ΠΎΠΏΠΈΡΡΠ²Π°ΡΡ ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΠ΅ ΠΌΠ΅Ρ Π°Π½ΠΈΠΊΠΈ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ ΠΊΠΎΠ΄Π° ΠΊΠΎΠΌΠΏΠΈΠ»ΡΡΠΎΡΠ°ΠΌΠΈ, Π° ΡΠ°ΠΊΠΆΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ Π΄Π»Ρ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎΠΉ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΠΊΠ°ΠΊ Π²ΡΡΡΠ½ΡΡ ΡΠ°ΠΊ, ΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΉ ΡΠ°Π±ΠΎΡΡ Ρ ΠΊΠΎΠ΄ΠΎΠΌ.
YaTalks
52 min
Π‘ΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ Π½Π΅ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π² Π½Π΅Π²Π΅ΡΠΎΠΌΠΎΡΡΠΈ? ΠΠ°ΠΏΠΈΡΠΈ ΡΠ²ΠΎΠΈ!
ΠΠ½Π΄ΡΠ΅ΠΉ Π‘ΠΈΡΠ½ΠΈΠΊ, ΠΠ½ΡΠΎΠ½ Π£ΡΠΌΠ°Π½ΡΠΊΠΈΠΉ, ΠΠΈΠΊΠΈΡΠ° ΠΡΠ±ΠΊΠΎ, Π ΠΎΠΌΠ°Π½ ΠΠ²ΠΎΡΠ½ΠΎΠ²
ΠΠΏΠ΅Π½ΡΠΎΡΡ ΠΎΡΠΊΡΡΠ²Π°Π΅Ρ Π΄Π²Π΅ Π΄ΠΎΡΠΎΠ³ΠΈ: ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΡ ΠΈΠ»ΠΈ Π½Π°ΠΏΠΈΡΠ°ΡΡ ΡΠ²ΠΎΡ, ΡΡΠΈΡΡΠ²Π°Ρ ΠΎΠΏΡΡ ΠΏΡΠ΅Π΄ΠΊΠΎΠ². Π ΠΊΠ°ΠΊΠΎΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ ΠΏΠΎΡΠ° ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π½ΠΎΠ²ΡΠΉ ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΠΉ? ΠΠ°ΠΊ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ? ΠΠ°ΡΠ΅ΠΌ Π²ΠΊΠ»Π°Π΄ΡΠ²Π°β¦
Π― β€οΈ Π€ΡΠΎΠ½ΡΠ΅Π½Π΄
43 min
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π±ΡΡΡΠ°Π»ΡΠ½ΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½-ΡΠΈΡΡΠ΅ΠΌΡ
ΠΡΡΡΠΌ ΠΡΡΡΡΠ½ΡΠ½
Π― ΡΠ°ΡΡΠΊΠ°ΠΆΡ ΠΈΡΡΠΎΡΠΈΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠ³ΠΎ ΠΏΡΠΎΠ΅ΠΊΡΠ° Π½Π° ΡΡΡΠΊΠ΅ UI, UX ΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ. ΠΠ°ΠΊ ΠΌΠ°Π»Π΅Π½ΡΠΊΠ°Ρ ΠΈΠ΄Π΅Ρ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ³Π»ΠΎΡΠΈΡΡ Π΄Π΅ΡΡΡΠΊΠΈ ΡΠ°ΡΠΎΠ² ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΈ ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ΄ΠΎΠ²ΠΎΠ»ΡΡΡΠ²ΠΈΡ ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΈΠ½Π΅ΡΡΠΈ. Π Π°Π·Π±Π΅ΡΠ΅ΠΌ Π²ΡΠ΅ Π±ΠΎΠ»ΠΈ ΡΠ°Π±ΠΎβ¦