#devtools
Π― β€οΈ Π€ΡΠΎΠ½ΡΠ΅Π½Π΄
43 min
Web Vitals: ΡΠ²ΠΈΠ΄Π΅ΡΡ ΠΈ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ
ΠΡΡΠ΅ΠΌ ΠΠ΅Π»ΠΎΠ²
Π ΠΈΠ½Π΄ΡΡΡΡΠΈΠΈ ΡΠΆΠ΅ Π΄Π°Π²Π½ΠΎ ΡΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π½Ρ ΡΡΠ°Π½Π΄Π°ΡΡΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ β ΡΡΠΎ ΠΈΠ½ΠΈΡΠΈΠ°ΡΠΈΠ²Π° Web Vitals. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΡΡΠΎ Π½Π΅ ΡΡΡΠ°Ρ ΡΠ΅Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠΎΠ² ΠΎΡ Π»ΠΎΠΆΠ½ΡΡ ΠΏΡΡΠ΅ΠΉ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ Performance-ΠΌΠ΅ΡΡΠΈΠΊ.β¦
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,β¦
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β¦
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β¦
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β¦
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β¦
View Source Amsterdam
29 min
Demystify Modern CSS Layouts with DevTools
Hui Jing Chen
Flexbox, Grid and Box alignment properties are powerful and versatile new additions to our web development toolkit. However, they may be slightly confusing to wrap your head around if you do not compβ¦