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 how you too can get fast and stay fast. Optimizing for quality of user experience is key to the long-term success of any site on the web. Whether you're a business owner, marketer, or developer, Core Web Vitals can help you quantify the experience of your site and identify opportunities to improve.
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 Vitals. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΡΡΠΎ Π½Π΅ ΡΡΡΠ°Ρ ΡΠ΅Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠΎΠ² ΠΎΡ Π»ΠΎΠΆΠ½ΡΡ ΠΏΡΡΠ΅ΠΉ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ Performance-ΠΌΠ΅ΡΡΠΈΠΊ.β¦
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β¦
Π Π°ΡΡΠΊΠ°ΠΆΡ ΠΏΡΠΎ ΡΠΎ, ΠΊΠ°ΠΊ Π΄Π΅Π»Π°ΡΡ Π²Π΅Π± Π±ΡΡΡΡΡΠΌ, ΠΏΠΎΡΠ΅ΠΌΡ Π½ΡΠΆΠ½ΠΎ Π·Π°Π½ΠΈΠΌΠ°ΡΡΡΡ ΡΠΊΠΎΡΠΎΡΡΡΡ, ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅ΡΡΡΡ ΡΠΊΠΎΡΠΎΡΡΡ ΠΈ ΠΏΠΎΠΊΠ°ΠΆΡ ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΈΠ· ΠΆΠΈΠ·Π½ΠΈ Π½Π°ΡΡΠΎΡΡΠΈΡ ΡΡΠΊΠΎΡΠ΅Π½ΠΈΠΉ.
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β¦
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 β¦
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β¦
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β¦
-
ΠΠ΅Π±Ρ ΠΈΡΠΏΠΎΠ»Π½ΠΈΠ»ΠΎΡΡ 30 Π»Π΅Ρ. Π‘ Π»ΡΠ³ΠΊΠΈΠΌ ΡΠ»ΡΡΠΎΠΌ Π½ΠΎΡΡΠ°Π»ΡΠ³ΠΈΠΈ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΎ Π΅Π³ΠΎ Π²Π·ΡΠΎΡΠ»Π΅Π½ΠΈΠΈ, ΡΠ°Π·Π²ΠΈΡΠΈΠΈ ΠΈ ΡΠ°ΠΌΠΎΡΡΠ²ΡΡΠ²ΠΈΠΈ Π² 2021 Π³ΠΎΠ΄Ρ. ΠΠ±ΡΡΠ΄ΠΈΠΌ Π½Π°ΡΡ ΠΏΡΠΎΡΠ΅ΡΡΠΈΡ, ΡΠ»ΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΈ Π·Π°Π΄Π°ΡΠΈ, ΡΠΎΠΏΡΠΎΠ²ΠΎΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ², Π°ΠΊΡΡΠ°Π»ΡΠ½ΡΠ΅ ΡΠ΅ΠΌβ¦
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β¦
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 β¦
Every day I work to build something where anyone can build the web in the web and in my opinion its time for me to put my idea to the test so in this talk we are gonna build an app that prints Kanye β¦
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β¦
Π‘ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ ΡΡΠΎΠ½ΡΠ΅Π½Π΄ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ°,Π² ΡΠ°ΡΡΠ½ΠΎΡΡΠΈ Π²ΠΎΠΏΡΠΎΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ, ΡΠ²ΠΎΠ΄ΠΈΡΡΡ ΠΊ ΡΠΎΠΌΡ, ΡΡΠΎΠ±Ρ ΡΠ΄ΠΎΠ²Π»Π΅ΡΠ²ΠΎΡΠΈΡΡ Π½Π°Π±ΠΎΡ ΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΠΉ lighthouse ΠΈΠ»ΠΈ ΠΌΠ΅ΡΡΠΈΠΊ Core Web Vitals. ΠΠ΄Π½Π°ΠΊΠΎ ΠΏΠΎΡΠ΅ΠΌΡ ΡΡΠ΅Π΄Π½Π΅ΡΡΠ°ΡΠΈΡΡΠΈΡΠ΅ΡΠΊΠΈΠΉ β¦
Π Π΄Π°Π½Π½ΠΎΠΌ Π΄ΠΎΠΊΠ»Π°Π΄Π΅ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡΠ½ΡΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ ΠΊ ΡΠ΅ΡΠ΅Π½ΠΈΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ ΡΠ΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Ρ Π΄Π°ΡΠ°ΡΠ΅ΡΠ°ΠΌΠΈ Π² ΡΠΎΡΠ½ΠΈ ΡΡΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². ΠΠΎΡΠΌΠΎΡΡΠΈΠΌ ΠΈ ΠΏΡΠΎΠ²Π΅ΡΠΈΠΌ, ΡΡΠΎ ΡΡΠ°Π±ΠΎΡΠ°Π»ΠΎ, Π° ΠΊΠ°ΠΊΠΈΠ΅ ΠΈΠ΄Π΅ΠΈ β¦
ΠΠΎΠΊΠ»Π°Π΄ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ»Π΅Π·Π΅Π½ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ²ΠΎΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΈ Π·Π°Π±ΠΎΡΡΡΡΡ ΠΎ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΠΈ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ².
Π£ΡΠ»Π° ΡΠΏΠΎΡ Π° Π²Π΅Π±-ΠΌΠ°ΡΡΠ΅ΡΠΎΠ², ΠΊΠΎΠ³Π΄Π° ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ Π½Π°ΡΡΠΈΡΡΡΡ Π΄Π΅Π»Π°ΡΡ ΡΠ°ΠΉΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠ½ΠΈΠ³ ΠΈ CHM-ΡΠ°ΠΉΠ»ΠΎΠ². ΠΠ°ΠΊ ΡΠ΅ΠΏΠ΅ΡΡ ΡΡΠΈΡΡΡΡ ΠΏΠΈΡΠ°ΡΡ Π²Π΅Π±? ΠΠ°ΠΊΡΡ ΡΠΊΠΎΠ»Ρ Π²ΡΠ±ΡΠ°ΡΡ? ΠΡΠΆΠ΅Π½ Π»ΠΈ ΠΌΠ΅Π½ΡΠΎΡ? ΠΡΠΆΠ½ΠΎ Π»ΠΈ ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ Π²ΠΎ ΡΡΠΎΠ½ΡΠ΅Π½Π΄Π΅? Πβ¦
ΠΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΎ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΠΈ ΡΠΈΡΡΠΎΠ²ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° ΠΈ ΡΠ΅ΡΠ²ΠΈΡΠΎΠ², Π²ΠΌΠ΅ΡΡΠ΅ ΠΏΠΎΠΏΡΠΎΠ±ΡΠ΅ΠΌ ΠΎΡΠ²Π΅ΡΠΈΡΡ Π½Π° Π²Π°ΠΆΠ½ΡΠ΅ Π²ΠΎΠΏΡΠΎΡΡ: ΠΠΎΡΠ΅ΠΌΡ Π²Π°ΠΆΠ½ΠΎ ΠΏΡΠΎΠ²ΠΎΠ΄ΠΈΡΡ ΡΠ΅ΡΡΡ Ρ Π½Π΅Π·ΡΡΡΠΈΠΌΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌΠΈ? ΠΠΎΡΠ΅ΠΌΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠ΅ΡΡΠΎΠ² ΠΈΠ»ΠΈ ΡΠ°ΠΌΠΎβ¦