Analyzing Web Site Performance Made Easy
AJAX Edition 4.3 supporting FF 25 & IE 11
Dec. 11, 2013 10:15 AM
Compuware APM is pleased to announce the latest update to our free Compuware/dynaTrace AJAX Edition which now also supports Firefox 3.6 until version 25 and also Internet Explorer 6 through 10 + Experimental IE11 Support. Download it for free from our AJAX Edition Download page.
To show new users the capabilities of this free tool we want to keep the tradition of analyzing some websites to show ease of use and usefulness of the tool. As it is online shopping season I picked a couple of web shops and highlight the key optimization tips that the Performance Report provides.
Optimization #1: Spriting of 100 Flag Images - Reduce Roundtrips by 99%
Lots of shopping sites are international and prompt the user to confirm the country that they detected based on the current geo location. Here is one candidate that provides a region selection dialog listing the names of countries grouped by continent - preselecting the one they think I come from.
The following screenshot is from the Network View that shows that they download 100 national flags as individual images. The best practice here is to merge them into a Sprite which reduces the round trips by 99%:
These images should be put in a sprite. This reduces the number of images by 99 as all can be put in one sprite
Modifying large number of DOM elements on a page before the page is actually loaded impacts page load time and blocks the user to interact with the site
Optimization #3: "Overloaded" Pages and Non Optimized Resources
Many websites are overloaded with too much information that is not important for the end user. Then they also add lots of third-party content which may or may not be important to end users as well, e.g., Facebook-like buttons.
The following case shows slow page load impacted by two major factors:
- Latency and Bandwidth: I downloaded the page from Europe whereas the website is probably hosted in the US
- Content Size: the HTML for a single product page is 150kb. Not that huge - but - a majority of that content was HTML Comments and not content important for the end user
The first screenshot shows the dynaTrace AJAX Edition Timeline View representation. It shows the extra-long download of the initial HTML response:
My geo location definitely had a major impact on this. Interesting enough the content from the third-party domains delivered their content much faster - probably because they (Google, Facebook & Co) use CDNs that delivers content from European servers.
To read more about optimizations that are new in the latest edition - click here
Engage with the AJAX Edition Community
If you have any questions on the new AJAX Edition please use the forums available on our Community Portal. If you want to share your own analysis results leave a note on the forum as well and we can work on a joint blog post.
The Compuware/dynaTrace AJAX Edition Team wishes you Happy Holidays and a Good Start into 2014!