Publicité
Check these out next
Maximizing React Speed: Hands-On Guide to Debugging and Optimizing React Applications
30 Mar 2023•0 j'aime•17 vues
0 j'aime
Soyez le premier à aimer ceci
afficher plus
vues
Nombre de vues
0
Sur Slideshare
0
À partir des intégrations
0
Nombre d'intégrations
0
Télécharger pour lire hors ligne
Signaler
Technologie
The talks covers the following: -Different tools and techniques for enhancing React app performance -The role of React DevTools in performance optimization -How to identify performance bottlenecks and debug issues -Best practices for using React DevTools in conjunction with other open source tools
Dmitry VinnikSuivre
Publicité
Publicité
Publicité
Recommandé
Testing React with Jest: Validate Your Components Quickly!Dmitry Vinnik
Better Start: Enforcing Best Engineering Practices with KotlinDmitry Vinnik
Hands on React Native: From Zero to HeroDmitry Vinnik
Hands-on React Native: From Zero to HeroAll Things Open
Testing Svelte with Jest: Validate Your Components Quickly!Dmitry Vinnik
Testing at Scale at Meta and SalesforceDmitry Vinnik
Maximizing React Speed: Hands-On Guide to Debugging and Optimizing React Applications
- Maximizing React Speed: Hands-On Guide to Debugging and Optimizing React Applications @DmitryVinnik 1
- Let’s start from the beginning @DmitryVinnik 2
- What is React? @DmitryVinnik 3
- Great, we have our library @DmitryVinnik 4
- What now? @DmitryVinnik 5
- Let’s see it in practice! @DmitryVinnik 6
- Coding is fun @DmitryVinnik 7
- Code is a “living thing” @DmitryVinnik 8
- Source: Snyk @DmitryVinnik 9
- Where do we spend most of our time? @DmitryVinnik 10
- Source: Snyk @DmitryVinnik 11
- Source: Snyk @DmitryVinnik 12
- Why? @DmitryVinnik 13
- Because Things Happen! @DmitryVinnik 14
- “Things” That Happen @DmitryVinnik 15
- “Things” That Happen @DmitryVinnik 16 Bugs
- “Things” That Happen @DmitryVinnik 17 Bugs Regressions
- “Things” That Happen @DmitryVinnik 18 Bugs Regressions Performance Issues
- “Things” That Happen @DmitryVinnik 19 Bugs Regressions And many other problems… Performance Issues
- “Things” That Happen @DmitryVinnik 20 Bugs Regressions And many other problems… Performance Issues
- Performance Issues @DmitryVinnik 21
- Performance Issues @DmitryVinnik 22 Slow Page Load Time
- Performance Issues @DmitryVinnik 23 Slow Page Load Time Poor User Experience
- Performance Issues @DmitryVinnik 24 Slow Page Load Time Poor User Experience Security Problems
- Performance Issues @DmitryVinnik 25 Slow Page Load Time Poor User Experience Server Overload Security Problems
- How will we cover these performance concerns? @DmitryVinnik 26
- React Dev Tools @DmitryVinnik 27
- Let’s look at something more complex @DmitryVinnik 28
- Commercial Offerings: LogRocket @DmitryVinnik 29
- Metrics #1: Time Between Events @DmitryVinnik 30
- Metrics #2: API Monitoring @DmitryVinnik 31
- Metrics #3: Google Lighthouse Metrics @DmitryVinnik 32
- Call to Action @DmitryVinnik 33
- Call to Action Collect Data @DmitryVinnik 34
- Call to Action Collect Data Experiment @DmitryVinnik 35
- Call to Action Collect Data Experiment Contribute Back @DmitryVinnik 36
- About Me Twitter: @DmitryVinnik Blog: dvinnik.dev LinkedIn: in/dmitry-vinnik/ Email: dmitry@dvinnik.dev 37
Notes de l'éditeur
- Go to https://react.dev/
- https://react.dev/learn/start-a-new-react-project
- Will be sharing slides, github and useful links
- Will be sharing slides, github and useful links
- here are many factors that can impact the performance of web applications, but here are four common performance issues: Slow Page Load Times: If a web page takes too long to load, users may become frustrated and abandon the site. This can happen if the page is too large, there are too many requests, or the server response time is slow. Poor User Experience: Web applications that are difficult to navigate or use can also impact performance. This can include confusing menus, too much scrolling, or too many pop-ups. Security Issues: Web applications that are not properly secured can also impact performance. This can include malware infections, hacking attempts, or data breaches. Server Overload: If a web application experiences a sudden surge in traffic, the server may not be able to handle the load. This can lead to slow page load times, server crashes, or other performance issues.
- here are many factors that can impact the performance of web applications, but here are four common performance issues: Slow Page Load Times: If a web page takes too long to load, users may become frustrated and abandon the site. This can happen if the page is too large, there are too many requests, or the server response time is slow. Poor User Experience: Web applications that are difficult to navigate or use can also impact performance. This can include confusing menus, too much scrolling, or too many pop-ups. Security Issues: Web applications that are not properly secured can also impact performance. This can include malware infections, hacking attempts, or data breaches. Server Overload: If a web application experiences a sudden surge in traffic, the server may not be able to handle the load. This can lead to slow page load times, server crashes, or other performance issues.
- here are many factors that can impact the performance of web applications, but here are four common performance issues: Slow Page Load Times: If a web page takes too long to load, users may become frustrated and abandon the site. This can happen if the page is too large, there are too many requests, or the server response time is slow. Poor User Experience: Web applications that are difficult to navigate or use can also impact performance. This can include confusing menus, too much scrolling, or too many pop-ups. Security Issues: Web applications that are not properly secured can also impact performance. This can include malware infections, hacking attempts, or data breaches. Server Overload: If a web application experiences a sudden surge in traffic, the server may not be able to handle the load. This can lead to slow page load times, server crashes, or other performance issues.
- here are many factors that can impact the performance of web applications, but here are four common performance issues: Slow Page Load Times: If a web page takes too long to load, users may become frustrated and abandon the site. This can happen if the page is too large, there are too many requests, or the server response time is slow. Poor User Experience: Web applications that are difficult to navigate or use can also impact performance. This can include confusing menus, too much scrolling, or too many pop-ups. Security Issues: Web applications that are not properly secured can also impact performance. This can include malware infections, hacking attempts, or data breaches. Server Overload: If a web application experiences a sudden surge in traffic, the server may not be able to handle the load. This can lead to slow page load times, server crashes, or other performance issues.
- here are many factors that can impact the performance of web applications, but here are four common performance issues: Slow Page Load Times: If a web page takes too long to load, users may become frustrated and abandon the site. This can happen if the page is too large, there are too many requests, or the server response time is slow. Poor User Experience: Web applications that are difficult to navigate or use can also impact performance. This can include confusing menus, too much scrolling, or too many pop-ups. Security Issues: Web applications that are not properly secured can also impact performance. This can include malware infections, hacking attempts, or data breaches. Server Overload: If a web application experiences a sudden surge in traffic, the server may not be able to handle the load. This can lead to slow page load times, server crashes, or other performance issues.
- here are many factors that can impact the performance of web applications, but here are four common performance issues: Slow Page Load Times: If a web page takes too long to load, users may become frustrated and abandon the site. This can happen if the page is too large, there are too many requests, or the server response time is slow. Poor User Experience: Web applications that are difficult to navigate or use can also impact performance. This can include confusing menus, too much scrolling, or too many pop-ups. Security Issues: Web applications that are not properly secured can also impact performance. This can include malware infections, hacking attempts, or data breaches. Server Overload: If a web application experiences a sudden surge in traffic, the server may not be able to handle the load. This can lead to slow page load times, server crashes, or other performance issues.
- here are many factors that can impact the performance of web applications, but here are four common performance issues: Slow Page Load Times: If a web page takes too long to load, users may become frustrated and abandon the site. This can happen if the page is too large, there are too many requests, or the server response time is slow. Poor User Experience: Web applications that are difficult to navigate or use can also impact performance. This can include confusing menus, too much scrolling, or too many pop-ups. Security Issues: Web applications that are not properly secured can also impact performance. This can include malware infections, hacking attempts, or data breaches. Server Overload: If a web application experiences a sudden surge in traffic, the server may not be able to handle the load. This can lead to slow page load times, server crashes, or other performance issues.
- here are many factors that can impact the performance of web applications, but here are four common performance issues: Slow Page Load Times: If a web page takes too long to load, users may become frustrated and abandon the site. This can happen if the page is too large, there are too many requests, or the server response time is slow. Poor User Experience: Web applications that are difficult to navigate or use can also impact performance. This can include confusing menus, too much scrolling, or too many pop-ups. Security Issues: Web applications that are not properly secured can also impact performance. This can include malware infections, hacking attempts, or data breaches. Server Overload: If a web application experiences a sudden surge in traffic, the server may not be able to handle the load. This can lead to slow page load times, server crashes, or other performance issues.
- here are many factors that can impact the performance of web applications, but here are four common performance issues: Slow Page Load Times: If a web page takes too long to load, users may become frustrated and abandon the site. This can happen if the page is too large, there are too many requests, or the server response time is slow. Poor User Experience: Web applications that are difficult to navigate or use can also impact performance. This can include confusing menus, too much scrolling, or too many pop-ups. Security Issues: Web applications that are not properly secured can also impact performance. This can include malware infections, hacking attempts, or data breaches. Server Overload: If a web application experiences a sudden surge in traffic, the server may not be able to handle the load. This can lead to slow page load times, server crashes, or other performance issues.
- here are many factors that can impact the performance of web applications, but here are four common performance issues: Slow Page Load Times: If a web page takes too long to load, users may become frustrated and abandon the site. This can happen if the page is too large, there are too many requests, or the server response time is slow. Poor User Experience: Web applications that are difficult to navigate or use can also impact performance. This can include confusing menus, too much scrolling, or too many pop-ups. Security Issues: Web applications that are not properly secured can also impact performance. This can include malware infections, hacking attempts, or data breaches. Server Overload: If a web application experiences a sudden surge in traffic, the server may not be able to handle the load. This can lead to slow page load times, server crashes, or other performance issues.
- here are many factors that can impact the performance of web applications, but here are four common performance issues: Slow Page Load Times: If a web page takes too long to load, users may become frustrated and abandon the site. This can happen if the page is too large, there are too many requests, or the server response time is slow. Poor User Experience: Web applications that are difficult to navigate or use can also impact performance. This can include confusing menus, too much scrolling, or too many pop-ups. Security Issues: Web applications that are not properly secured can also impact performance. This can include malware infections, hacking attempts, or data breaches. Server Overload: If a web application experiences a sudden surge in traffic, the server may not be able to handle the load. This can lead to slow page load times, server crashes, or other performance issues.
- https://react.dev/learn/react-developer-tools Go to site show dev show prod
- https://react.dev/learn/tutorial-tic-tac-toe Go to codesandbox
- Here, we have a metric that fires as soon as you click the session replay “play” button, then a metric that fires right when the first frame of the session replay becomes visible. This allows us to track exactly how long it takes between clicking the play button and the session starting to play, one of our key user interactions. This example uses Redux Actions, but you can track Time Between Events with the following filters: * Navigation (URL) * Clicked (element) * Custom events (guide on how to pass custom events to LR) * Redux Action Type * Network Request * Log Message * Element Visible As another example, you could track how long it takes for a dynamic element to become visible on the page after a network request returns status 200. It really depends on what key interactions you’d like to track.
- There are also alerting options for these metrics, so you can define a threshold for what you deem to be an acceptable response time.
- Will be sharing slides, github and useful links
Publicité