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 with a slow CPU, on a network that varies from slow to fast, may be memory or even battery constrained. How can we use signals available to the Web Platform to serve our resources the experience most likely to meet their needs at a point in time? Adaptive Loading explores this problem space.
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β¦
Π Π΄Π°Π½Π½ΠΎΠΌ Π΄ΠΎΠΊΠ»Π°Π΄Π΅ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡΠ½ΡΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ ΠΊ ΡΠ΅ΡΠ΅Π½ΠΈΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ ΡΠ΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Ρ Π΄Π°ΡΠ°ΡΠ΅ΡΠ°ΠΌΠΈ Π² ΡΠΎΡΠ½ΠΈ ΡΡΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². ΠΠΎΡΠΌΠΎΡΡΠΈΠΌ ΠΈ ΠΏΡΠΎΠ²Π΅ΡΠΈΠΌ, ΡΡΠΎ ΡΡΠ°Π±ΠΎΡΠ°Π»ΠΎ, Π° ΠΊΠ°ΠΊΠΈΠ΅ ΠΈΠ΄Π΅ΠΈ β¦
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β¦
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 Vitals. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΡΡΠΎ Π½Π΅ ΡΡΡΠ°Ρ ΡΠ΅Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠΎΠ² ΠΎΡ Π»ΠΎΠΆΠ½ΡΡ ΠΏΡΡΠ΅ΠΉ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ Performance-ΠΌΠ΅ΡΡΠΈΠΊ.β¦
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β¦
Π‘ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ ΡΡΠΎΠ½ΡΠ΅Π½Π΄ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ°,Π² ΡΠ°ΡΡΠ½ΠΎΡΡΠΈ Π²ΠΎΠΏΡΠΎΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ, ΡΠ²ΠΎΠ΄ΠΈΡΡΡ ΠΊ ΡΠΎΠΌΡ, ΡΡΠΎΠ±Ρ ΡΠ΄ΠΎΠ²Π»Π΅ΡΠ²ΠΎΡΠΈΡΡ Π½Π°Π±ΠΎΡ ΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΠΉ lighthouse ΠΈΠ»ΠΈ ΠΌΠ΅ΡΡΠΈΠΊ Core Web Vitals. ΠΠ΄Π½Π°ΠΊΠΎ ΠΏΠΎΡΠ΅ΠΌΡ ΡΡΠ΅Π΄Π½Π΅ΡΡΠ°ΡΠΈΡΡΠΈΡΠ΅ΡΠΊΠΈΠΉ β¦
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β¦
Π Π°ΡΡΠΊΠ°ΠΆΡ ΠΏΡΠΎ ΡΠΎ, ΠΊΠ°ΠΊ Π΄Π΅Π»Π°ΡΡ Π²Π΅Π± Π±ΡΡΡΡΡΠΌ, ΠΏΠΎΡΠ΅ΠΌΡ Π½ΡΠΆΠ½ΠΎ Π·Π°Π½ΠΈΠΌΠ°ΡΡΡΡ ΡΠΊΠΎΡΠΎΡΡΡΡ, ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅ΡΡΡΡ ΡΠΊΠΎΡΠΎΡΡΡ ΠΈ ΠΏΠΎΠΊΠ°ΠΆΡ ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΈΠ· ΠΆΠΈΠ·Π½ΠΈ Π½Π°ΡΡΠΎΡΡΠΈΡ ΡΡΠΊΠΎΡΠ΅Π½ΠΈΠΉ.
ΠΠΎΠΊΠ»Π°Π΄ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ»Π΅Π·Π΅Π½ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ²ΠΎΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΠΈ Π·Π°Π±ΠΎΡΡΡΡΡ ΠΎ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΠΈ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ².
Π£ΡΠ»Π° ΡΠΏΠΎΡ Π° Π²Π΅Π±-ΠΌΠ°ΡΡΠ΅ΡΠΎΠ², ΠΊΠΎΠ³Π΄Π° ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ Π½Π°ΡΡΠΈΡΡΡΡ Π΄Π΅Π»Π°ΡΡ ΡΠ°ΠΉΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠ½ΠΈΠ³ ΠΈ CHM-ΡΠ°ΠΉΠ»ΠΎΠ². ΠΠ°ΠΊ ΡΠ΅ΠΏΠ΅ΡΡ ΡΡΠΈΡΡΡΡ ΠΏΠΈΡΠ°ΡΡ Π²Π΅Π±? ΠΠ°ΠΊΡΡ ΡΠΊΠΎΠ»Ρ Π²ΡΠ±ΡΠ°ΡΡ? ΠΡΠΆΠ΅Π½ Π»ΠΈ ΠΌΠ΅Π½ΡΠΎΡ? ΠΡΠΆΠ½ΠΎ Π»ΠΈ ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ Π²ΠΎ ΡΡΠΎΠ½ΡΠ΅Π½Π΄Π΅? Πβ¦
Π‘ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΡ ΠΊΡΠΎΡΡ Π² ΡΠ΅Π±Π΅ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ Π°ΠΏΠΏΠ°ΡΠ°ΡΠ½ΡΡ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΉ ΠΈ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠ΅ΠΉ ΡΠ°Π±ΠΎΡΡ Π¦Π ΠΈ ΠΏΠ°ΠΌΡΡΠΈ, ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΊΠΎΡΠΎΡΡΡ Π²Π°ΠΆΠ½ΠΎ ΠΏΡΠΈ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠΏΠΎΡΠΎΡΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° Π½Π° Π»ΡΠ±ΠΎΠΌ ΡΠ·ΡΠΊΠ΅, Π² ΡΠΎΠΌ ΡΠΈΡΠ»Π΅ ΠΈ Golang.β¦
ΠΠ°Π³ΠΈΡ β ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ Π±ΡΠΊΠ΅Π½Π΄Π°, ΠΊΠ°ΠΊ ΠΈ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΈΠ· Π²Π°Ρ. Π§ΡΠΎ Π΅ΠΌΡ Π΄Π΅Π»Π°ΡΡ, ΠΊΠΎΠ³Π΄Π° Π½ΡΠΆΠ½ΠΎ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΠΊΠ°ΠΊΠΈΠ΅-Π½ΠΈΠ±ΡΠ΄Ρ Π΄Π°Π½Π½ΡΠ΅? ΠΠ°ΠΏΠΈΡΠ°ΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Π΄Π»Ρ ΠΊΠΎΠ½ΡΠΎΠ»ΠΈ (Π²Π·Π΄ΠΎΡ )? ΠΠ»ΠΈ, ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ, Π²ΡΡΡΠΈΡΡ CSS ΠΈ JavaScript (Π³Π»ΡΠ±ΠΎΠΊΠΈΠΉβ¦
ΠΠΏΠ΅Π½ΡΠΎΡΡ ΠΎΡΠΊΡΡΠ²Π°Π΅Ρ Π΄Π²Π΅ Π΄ΠΎΡΠΎΠ³ΠΈ: ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΡ ΠΈΠ»ΠΈ Π½Π°ΠΏΠΈΡΠ°ΡΡ ΡΠ²ΠΎΡ, ΡΡΠΈΡΡΠ²Π°Ρ ΠΎΠΏΡΡ ΠΏΡΠ΅Π΄ΠΊΠΎΠ². Π ΠΊΠ°ΠΊΠΎΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ ΠΏΠΎΡΠ° ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π½ΠΎΠ²ΡΠΉ ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΠΉ? ΠΠ°ΠΊ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ? ΠΠ°ΡΠ΅ΠΌ Π²ΠΊΠ»Π°Π΄ΡΠ²Π°β¦
ΠΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΎ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΠΈ ΡΠΈΡΡΠΎΠ²ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° ΠΈ ΡΠ΅ΡΠ²ΠΈΡΠΎΠ², Π²ΠΌΠ΅ΡΡΠ΅ ΠΏΠΎΠΏΡΠΎΠ±ΡΠ΅ΠΌ ΠΎΡΠ²Π΅ΡΠΈΡΡ Π½Π° Π²Π°ΠΆΠ½ΡΠ΅ Π²ΠΎΠΏΡΠΎΡΡ: ΠΠΎΡΠ΅ΠΌΡ Π²Π°ΠΆΠ½ΠΎ ΠΏΡΠΎΠ²ΠΎΠ΄ΠΈΡΡ ΡΠ΅ΡΡΡ Ρ Π½Π΅Π·ΡΡΡΠΈΠΌΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌΠΈ? ΠΠΎΡΠ΅ΠΌΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΡΠ΅ΡΡΠΎΠ² ΠΈΠ»ΠΈ ΡΠ°ΠΌΠΎβ¦
Π― ΡΠ°ΡΡΠΊΠ°ΠΆΡ ΠΈΡΡΠΎΡΠΈΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠ³ΠΎ ΠΏΡΠΎΠ΅ΠΊΡΠ° Π½Π° ΡΡΡΠΊΠ΅ UI, UX ΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ. ΠΠ°ΠΊ ΠΌΠ°Π»Π΅Π½ΡΠΊΠ°Ρ ΠΈΠ΄Π΅Ρ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ³Π»ΠΎΡΠΈΡΡ Π΄Π΅ΡΡΡΠΊΠΈ ΡΠ°ΡΠΎΠ² ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΈ ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ΄ΠΎΠ²ΠΎΠ»ΡΡΡΠ²ΠΈΡ ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΈΠ½Π΅ΡΡΠΈ. Π Π°Π·Π±Π΅ΡΠ΅ΠΌ Π²ΡΠ΅ Π±ΠΎΠ»ΠΈ ΡΠ°Π±ΠΎβ¦
-
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΠ°ΡΡΠ΅ΡΠΎΠ² ΠΈ Π»Π΅ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΡ Π°Π½Π°Π»ΠΈΠ·Π°ΡΠΎΡΠΎΠ² β Π·Π°ΡΡΠ°ΡΠ½ΠΎΠ΅ ΠΏΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Π΄Π΅Π»ΠΎ. ΠΠ±ΡΡΠ½ΠΎ ΠΊ Π½ΠΈΠΌ ΠΏΡΠΈΠ±Π΅Π³Π°ΡΡ ΠΏΡΠΈ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΡΠ°Π·Π»ΠΈΡΠ½ΠΎΠ³ΠΎ ΡΠΎΠ΄Π° ΡΠΎΡΠΌΠ°Π»ΡΠ½ΡΡ Π³ΡΠ°ΠΌΠΌΠ°ΡΠΈΠΊ, Π² ΡΠΎΠΌ ΡΠΈΡΠ»Π΅ ΠΏΡΠ΅Π΄ΠΌΠ΅ΡΠ½ΠΎ-ΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½Π½β¦
ΠΠΎΠ²ΠΎΡΡΠΈ ΡΡΠΎΠ½ΡΠ΅Π½Π΄Π° Π·Π° ΠΏΡΠΎΡΠ΅Π΄ΡΡΡ Π½Π΅Π΄Π΅Π»Ρ Π² ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠΌ Π²ΡΠΏΡΡΠΊΠ΅ ΠΏΠΎΠ΄ΠΊΠ°ΡΡΠ° Β«ΠΠ΅Π±-ΡΡΠ°Π½Π΄Π°ΡΡΡΒ» Π² Π²ΠΈΠ΄Π΅ΠΎΡΠΎΡΠΌΠ°ΡΠ΅.