Skip Navigation LinksHome » Solutions » End-to-End Web 2.0 Performance Engineering

End-to-End Web 2.0 Performance Engineering
Diagnose and prevent performance bottlenecks in AJAX applications and their backend services

AJAX improves user experience by moving significantly more code to the browser than with previous Web 1.0 applications. Frameworks such as jQuery, Google Web Toolkit, Dojo, and YUI accelerate development but lead to opaque application behavior and new performance issues that undermine the usability gains AJAX provides. However, traditional APM and JavaScript profiling solutions leave test and development teams in the dark for days and weeks, resulting in neverending problem hunts with their rich internet applications, not knowing if the problem’s root cause resides within their client or within their server-side application logic.

Web20 AJAX to backend sever drill-down

Thus, performance engineering needs to include the Web browser spanning the full application platform. The PurePath transaction tracing technology from dynaTrace already starts at the browser’s Rendering and JavaScript Engine, includes the client’s usage of the network (e.g., asynchronously loaded content via AJAX/XHR) and goes over the Web and application servers all the way down to the database and legacy systems.

Client-side AJAX Performance Analysis

End-user experience report including rendering times and AJAX calls hitting the server

Many performance issues with rich internet applications are caused by improper use of the underlying AJAX frameworks. dynaTrace AJAX Edition help you to quickly diagnose and resolve such issues. It provides visibility into the inner workings of your AJAX-based Web2.0 applications to show you how your custom JavaScript code interacts with the AJAX frameworks you are using.

  • Understand the performance of your AJAX application from the true end-user perspective
  • Isolate potential performance bottlenecks in the JavaScript, AJAX remoting, network and rendering layer
  • Diagnoses specific AJAX problems down to their root-cause
  • Share your recorded performance data for interactive offline analysis with your peers

Client-to-Server Drill-down

Many performance problems in AJAX applications have their root-cause on the server-side. However, to solve these server-side problems you need the client-side context to understand how the services are being used and which requests are critical.

Client-side PurePath showing the JavaScript execution tree leading to a XHR server call

This is why dynaTrace provides a seamlessly integrated browser client and server-side diagnostics approach to:

  • Diagnose slow AJAX GUI interactions within the performance of your server systems (e.g. with AJAX frameworks that run and generate JavaScript code on the server-side)
  • Trace all interactions with the AJAX application in your browser end-to-end into your back-end systems at Java/.NET code-level
  • Understand the business context and usage of your back-end services used by your AJAX application

Server-side Java/.NET Performance Analysis

Server-side PurePath showing the Java execution tree triggered by a client-side XHR request

The dynaTrace server-side PurePath makes transparent the inner workings of Java/.Net applications down to where the transaction hits the database or legacy tier. This way, combined with extensive memory and thread dumps of the JVMs and CLRs running your applications, you can run a deep analysis of your backend application’s:

Test Drive?

Contact

Web 2.0 Webinar

Best Practices to Diagnose & Prevent AJAX Performance Issues in Complex Web 2.0 Applications featuring Monster.com

Learn how Monster.com is increasing usability by optimizing their AJAX performance.

Get recommendations for best practices to more effectively engineer and test high-performance AJAX applications.