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 β¦
Π―.Π‘ΡΠ±Π±ΠΎΡΠ½ΠΈΠΊ
65 min
Π‘ΠΊΠΎΡΠΎΡΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ
ΠΠ°Π½ΠΈΠ»Π° ΠΠ²Π΄ΠΎΡΠΈΠ½
Π Π°ΡΡΠΊΠ°ΠΆΡ ΠΏΡΠΎ ΡΠΎ, ΠΊΠ°ΠΊ Π΄Π΅Π»Π°ΡΡ Π²Π΅Π± Π±ΡΡΡΡΡΠΌ, ΠΏΠΎΡΠ΅ΠΌΡ Π½ΡΠΆΠ½ΠΎ Π·Π°Π½ΠΈΠΌΠ°ΡΡΡΡ ΡΠΊΠΎΡΠΎΡΡΡΡ, ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅ΡΡΡΡ ΡΠΊΠΎΡΠΎΡΡΡ ΠΈ ΠΏΠΎΠΊΠ°ΠΆΡ ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΈΠ· ΠΆΠΈΠ·Π½ΠΈ Π½Π°ΡΡΠΎΡΡΠΈΡ ΡΡΠΊΠΎΡΠ΅Π½ΠΈΠΉ.
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β¦
Π― β€οΈ Π€ΡΠΎΠ½ΡΠ΅Π½Π΄
44 min
ΠΠΎΠΏΠ°Π΅ΠΌΡΡ ΠΏΠΎΠ΄ ΠΊΠ°ΠΏΠΎΡΠΎΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠ°: ΠΊΠ°ΠΊ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ event loop ΠΈ compositing
Π‘Π΅ΡΠ³Π΅ΠΉ Π§ΠΈΠΊΡΡΠ½ΠΎΠΊ
Π‘Π΅ΠΉΡΠ°Ρ, Π² ΡΠΏΠΎΡ Ρ ΠΊΠ»ΠΈΠ΅Π½ΡΡΠΊΠΈΡ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΎΠ², ΠΌΠ°Π»ΠΎ ΠΊΡΠΎ Π·Π°Π΄ΡΠΌΡΠ²Π°Π΅ΡΡΡ, ΠΊΠ°ΠΊ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΏΡΠΈΠ²ΡΡΠ½ΡΠ΅ Π½Π°ΠΌ Π²Π΅ΡΠΈ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, Π²ΡΠΎΠ΄Π΅ ΡΠΎΠ±ΡΡΠΈΠΉ ΠΈΠ»ΠΈ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΉ. ΠΡ ΡΠ°ΡΡΠΎ ΡΠ»Π΅Π΄ΡΠ΅ΠΌ βΠ»ΡΡΡΠΈΠΌ ΠΏΡΠ°ΠΊΡΠΈΠΊΠ°ΠΌβ ΠΈ Π½Π΅ Π·Π°Π΄ΡΠΌΡΠ²Π°Π΅ΠΌΡΡ, ΠΏΠΎΡΠ΅ΠΌΡ ΠΎΠ½β¦
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 β¦
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β¦
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β¦
ITeaConf
34 min
Π Π΅Π½Π΄Π΅ΡΠΈΠ½Π³, ΠΠΎΡΠ΅ΠΌΡ Π½ΠΈΠΊΡΠΎ Π½Π΅ ΡΠ»Π΅Π΄ΠΈΡ Π·Π° ΠΏΠΎΡΠ΅ΡΡΠ½Π½ΡΠΌΠΈ ΠΊΠ°Π΄ΡΠ°ΠΌΠΈ
Π‘Π΅ΡΠ³Π΅ΠΉ ΠΠ²Π°Π½ΠΎΠ²
Π‘ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ ΡΡΠΎΠ½ΡΠ΅Π½Π΄ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ°,Π² ΡΠ°ΡΡΠ½ΠΎΡΡΠΈ Π²ΠΎΠΏΡΠΎΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ, ΡΠ²ΠΎΠ΄ΠΈΡΡΡ ΠΊ ΡΠΎΠΌΡ, ΡΡΠΎΠ±Ρ ΡΠ΄ΠΎΠ²Π»Π΅ΡΠ²ΠΎΡΠΈΡΡ Π½Π°Π±ΠΎΡ ΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΠΉ lighthouse ΠΈΠ»ΠΈ ΠΌΠ΅ΡΡΠΈΠΊ Core Web Vitals. ΠΠ΄Π½Π°ΠΊΠΎ ΠΏΠΎΡΠ΅ΠΌΡ ΡΡΠ΅Π΄Π½Π΅ΡΡΠ°ΡΠΈΡΡΠΈΡΠ΅ΡΠΊΠΈΠΉ β¦
ITeaConf
26 min
Howto: ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½Π°Ρ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΡ Π½Π° ΡΠΎΡΠ½ΠΈ ΡΡΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π²Π½ΡΡΡΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠ°
ΠΠ²Π°Π½ ΠΠ°ΡΡΠ°Π²ΠΊΠΈΠ½
Π Π΄Π°Π½Π½ΠΎΠΌ Π΄ΠΎΠΊΠ»Π°Π΄Π΅ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡΠ½ΡΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ ΠΊ ΡΠ΅ΡΠ΅Π½ΠΈΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ ΡΠ΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Ρ Π΄Π°ΡΠ°ΡΠ΅ΡΠ°ΠΌΠΈ Π² ΡΠΎΡΠ½ΠΈ ΡΡΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². ΠΠΎΡΠΌΠΎΡΡΠΈΠΌ ΠΈ ΠΏΡΠΎΠ²Π΅ΡΠΈΠΌ, ΡΡΠΎ ΡΡΠ°Π±ΠΎΡΠ°Π»ΠΎ, Π° ΠΊΠ°ΠΊΠΈΠ΅ ΠΈΠ΄Π΅ΠΈ β¦
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β¦
HolyJS
19 min
Π£Π»ΡΡΡΠ°Π΅ΠΌ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ ΠΊΠΎΠ΄Π° React-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Compound Components
ΠΠ»Π΅ΠΊΡΠ°Π½Π΄Ρ ΠΡΠ½Π°ΠΉ
Π‘ΠΊΠΎΡΠ΅Π΅ Π²ΡΠ΅Π³ΠΎ, Π²Ρ ΡΡΠ°Π»ΠΊΠΈΠ²Π°Π»ΠΈΡΡ Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠΎΠΉ, ΠΊΠΎΠ³Π΄Π° Π²Π°Ρ React-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ Π±ΠΎΠ»ΡΡΠΈΠΌ, ΡΠ»ΠΎΠΆΠ½ΡΠΌ ΠΈ Π² Π½Π΅ΠΌ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΠΊΡΡΠ° ΡΡΠ»ΠΎΠ²ΠΈΠΉ. Π‘ΠΎΠ³Π»Π°ΡΠΈΡΠ΅ΡΡ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΡΠ»ΠΎΠΆΠ½ΠΎ ΡΠΈΡΠ°ΡΡ, ΡΠ΅Π²ΡΡΠΈΡΡ ΠΈ Π²ΠΎΠΎΠ±ΡΠ΅ ΠΏΠΎΠ½ΠΈΠΌΠ°β¦
YaTalks
45 min
ΠΠ°ΠΊ ΠΈ Π·Π°ΡΠ΅ΠΌ ΠΏΡΠΎΠ²ΠΎΠ΄ΠΈΡΡ ΡΠ΅ΡΡΡ Ρ Π½Π΅Π·ΡΡΡΠΈΠΌΠΈ Π»ΡΠ΄ΡΠΌΠΈ?
ΠΠ°Π»Π΅ΡΠΈΡ ΠΡΡΠΌΠ°ΠΊ, ΠΠ½Π°ΡΠΎΠ»ΠΈΠΉ ΠΠΎΠΏΠΊΠΎ
ΠΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΎ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΠΈ ΡΠΈΡΡΠΎΠ²ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° ΠΈ ΡΠ΅ΡΠ²ΠΈΡΠΎΠ², Π²ΠΌΠ΅ΡΡΠ΅ ΠΏΠΎΠΏΡΠΎΠ±ΡΠ΅ΠΌ ΠΎΡΠ²Π΅ΡΠΈΡΡ Π½Π° Π²Π°ΠΆΠ½ΡΠ΅ Π²ΠΎΠΏΡΠΎΡΡ: ΠΠΎΡΠ΅ΠΌΡ Π²Π°ΠΆΠ½ΠΎ ΠΏΡΠΎΠ²ΠΎΠ΄ΠΈΡΡ ΡΠ΅ΡΡΡ Ρ Π½Π΅Π·ΡΡΡΠΈΠΌΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌΠΈ? ΠΠΎΡΠ΅ΠΌΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠ΅ΡΡΠΎΠ² ΠΈΠ»ΠΈ ΡΠ°ΠΌΠΎβ¦
Π―.Π‘ΡΠ±Π±ΠΎΡΠ½ΠΈΠΊ
60 min
ΠΠ°ΡΠΊΠΎΠ»ΡΠΊΠΎ Π΄Π΅ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ Π²Π»ΠΈΡΡΡ Π½Π° ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡ Π² Node.js?
ΠΠ°Π΄Π΅ΠΆΠ΄Π° Π¨Π΅Π²Π΅Π»Π΅Π²Π°
Π Π΄ΠΎΠΊΠ»Π°Π΄Π΅ ΡΠ°ΡΡΠΊΠ°ΠΆΡ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ ΠΌΡ ΠΏΡΡΠ°Π»ΠΈΡΡ Π±ΠΎΡΠΎΡΡΡΡ Ρ Π΄Π΅ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡΠΌΠΈ Π² Node.js ΠΈ ΡΠΌΠΎΠ³Π»ΠΈ Π»ΠΈ Π΄ΠΎΡΡΠΈΡΡ ΠΏΡΠΎΡΠΈΡΠ°, ΠΏΠΎ ΠΈΡΠΎΠ³Ρ.
YaTalks
37 min
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΠΎΠΉ UI-Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ
ΠΠ²Π³Π΅Π½ΠΈΠΉ Π’ΡΠΎΠΏΠΈΠ½
ΠΠΎΠΊΠ»Π°Π΄ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ»Π΅Π·Π΅Π½ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ²ΠΎΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΈ Π·Π°Π±ΠΎΡΡΡΡΡ ΠΎ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΠΈ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ².
YaTalks
52 min
Π‘ΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ Π½Π΅ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π² Π½Π΅Π²Π΅ΡΠΎΠΌΠΎΡΡΠΈ? ΠΠ°ΠΏΠΈΡΠΈ ΡΠ²ΠΎΠΈ!
ΠΠ½Π΄ΡΠ΅ΠΉ Π‘ΠΈΡΠ½ΠΈΠΊ, ΠΠ½ΡΠΎΠ½ Π£ΡΠΌΠ°Π½ΡΠΊΠΈΠΉ, ΠΠΈΠΊΠΈΡΠ° ΠΡΠ±ΠΊΠΎ, Π ΠΎΠΌΠ°Π½ ΠΠ²ΠΎΡΠ½ΠΎΠ²
ΠΠΏΠ΅Π½ΡΠΎΡΡ ΠΎΡΠΊΡΡΠ²Π°Π΅Ρ Π΄Π²Π΅ Π΄ΠΎΡΠΎΠ³ΠΈ: ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΡ ΠΈΠ»ΠΈ Π½Π°ΠΏΠΈΡΠ°ΡΡ ΡΠ²ΠΎΡ, ΡΡΠΈΡΡΠ²Π°Ρ ΠΎΠΏΡΡ ΠΏΡΠ΅Π΄ΠΊΠΎΠ². Π ΠΊΠ°ΠΊΠΎΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ ΠΏΠΎΡΠ° ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π½ΠΎΠ²ΡΠΉ ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΠΉ? ΠΠ°ΠΊ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ? ΠΠ°ΡΠ΅ΠΌ Π²ΠΊΠ»Π°Π΄ΡΠ²Π°β¦
Π― β€οΈ Π€ΡΠΎΠ½ΡΠ΅Π½Π΄
48 min
ΠΠΎΠΌΡ Π½ΡΠΆΠ½Ρ ΡΡΠΎΠ½ΡΠ΅Π½Π΄Π΅ΡΡ
ΠΠ½Π΄ΡΠ΅ΠΉ Π‘ΠΌΠΈΡΠ½ΠΎΠ²
Π€ΡΠΎΠ½ΡΠ΅Π½Π΄ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅Ρ ΡΠ°ΡΡΠΈΡΡΡΡ ΡΠ²ΠΎΠ΅ ΠΏΡΠΈΡΡΡΡΡΠ²ΠΈΠ΅ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ Π² Π²Π΅Π±Π΅, Π½ΠΎ ΠΈ Π² ΠΎΠ±Π»Π°ΡΡΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΠΈ Π΄Π΅ΡΠΊΡΠΎΠΏΠ½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. ΠΠ΄Π½Π°ΠΊΠΎ, ΠΎΡΡΠ°Π΅ΡΡΡ Π²ΠΎΠΏΡΠΎΡ: ΠΊΠ°ΠΊ ΡΡΠΎΠ½ΡΠ΅Π½Π΄-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ Π½Π°Π²ΠΈΠ³ΠΈΡΠΎΠ²Π°ΡΡ Π² ΡΡΠΎΠΌ ΡΠ°Π·Π½ΠΎΠΎΠ±ΡΠ°Π·ΠΈΠΈβ¦