Performance monitoring for React apps
Ensure perfect user experience for your React app with Dynatrace performance monitoring
Analyze end-user performance metrics
Understand the users’ real experience by looking at the satisfaction of their visit.
Get server-side metrics in under 5 minutes
Ensure a high-performing React app with a healthy infrastructure.
Enhance user experience with full insight into end-user performance
When trying to understand what the user’s real experience was on your website, you must look at technical key indicators like errors and performance perceived during the user’s session. Single page applications (SPA) based on React.js come with new challenges that need to be mastered.
User Action Duration is Dynatrace’s performance indicator for the User Experience. We can compare the user action duration over all the different channels and can work on getting the experience to the industry best practice.
- The number of errors for a particular time frame
- The number of user actions being effected by the errors
- The distribution of browsers (with version) on which the end users are experiencing them
See your web application through your users' eyes
Dynatrace Visually complete shows you exactly how long it takes your web page to become visually complete – for every user, on every mobile or desktop device. Get into the customer’s seat and go beyond time to first byte, DOM interactive or fully loaded.
Experienced web application speed in numbers
In addition to Visually complete, the Speed index indicates how fast your page loads through a user's perspective. A lower Speed index is ideal as it means large parts of the page can render very quickly.
“Dynatrace gives us the ability and the confidence to keep adapting and learn from our customers. It shows us exactly where there are issues and—just as important—it shows us where there aren’t.”
Gopal Brugalette, Performance Architect, Nordstrom
A healthy infrastructure for a high-performing app
Struggling with an overloaded web server, saturated application server or slow database connection?
Whether you’re monitoring physical servers or cluster nodes, Dynatrace shows you CPU, memory, and network health metrics all the way down to the process level of each Linux and Windows host. By bringing your entire datacenter into view, Dynatrace helps you with capacity management.
With server monitoring from Dynatrace you will have a healthy, reliable and top-performing infrastructure, which ensures high-performing React apps and optimal user experience.
Manage your CDN and Third Party providers
Up to 2/3 of your Single Page Application content is coming from your Third Party or CDN providers. They have a bigger impact on your applications than your own datacenter. Constantly seeing the errors and performance issues is key to understand the impact of them on your users and business results.
- See the performance of your Third Party providers through the lens of your users eye
- Watch your providers if they meet their SLAs
- Know when in certain regions the performance of your CDN is bad
Track calls to external services and APIs
Connections to Third Party APIs can be a source of bad performance website performance, and therefore a source of bad user experience on your React app.
Dynatrace gives you full runtime visibility into the application delivery chain, eliminating blind spots resulting from Third Party APIs and external processes.
- Monitor all application transactions - from the end user, through third parties and virtualized tiers, to your backend databases.
- Measure response times, number of requests, and failure rates of outbound calls.
- Evaluate how they impact the response times experienced by your users and find ways optimize them.
Monitor your application 24/7 to meet your SLAs
Ensure that your Angular app is available and performs well across 5 continents to meet your SLAs.
- Ensure that your key APIs, web pages and mobile pages perform properly from all customer locations, all the time.
- Analyze data from across the Internet to isolate issues that are “at the edge” all the way to your application hosting environment.
- Dynatrace uses all major desktop and mobile browsers to comprehensively simulate customer journeys from thousands of locations around the world.
See into your Single Page Application (SPA)
Modern frameworks like Angular, React, Backbone, and Ember are changing how the web works. Past emphasis on page load metrics has been replaced with emphasis on user action metrics.
- Out of the box, Dynatrace delivers insights into all users actions.
- Know which XHR requests are slow. View segmentation analysis based on device type, network, and server performance with grouping options for geolocations, ISPs, browsers, and more.
What is React?
Dynatrace monitors and analyzes the activity of your React applications, providing visibility down to individual database statements.