Welcome!

Industrial IoT Authors: Elizabeth White, Stackify Blog, Yeshim Deniz, SmartBear Blog, Liz McMillan

Related Topics: Machine Learning , Java IoT, Industrial IoT, Microsoft Cloud, Agile Computing, @DXWorldExpo

Machine Learning : Article

Analyzing Web Site Performance Made Easy

AJAX Edition 4.3 supporting FF 25 & IE 11

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

Optimization #2: Heavy DOM Manipulations through JavaScript
A lot of websites use JavaScript to dynamically modify DOM elements to e.g., replace links with links that can be tracked for web analytics purposes. Others - like the one shown below - use JavaScript to replace <span> objects of a specific CSS class with a <a>. This is not necessarily bad - but in this case they have 759 of these span objects on the homepage alone that need to be removed and new objects need to be added. Using the Compuware/dynaTrace AJAX Edition on the different browsers (from IE6 to the latest version of FireFox) shows slow JavaScript performance on some of the older browsers. Even on Internet Explorer 10 processing these span objects takes 1.1s on my rather new and fast laptop. To optimize this one needs to ask the question whether it might be better to either a) cut down on the number of span objects or b) already deliver the HTML with links instead of these spans:

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.

Very often we also see content such as HTML, JS or CSS is delivered without being optimized for size. The best practice is to remove empty lines, comments or even minify JavaScript code to reduce the size of the downloaded content.

The following case shows slow page load impacted by two major factors:

  1. Latency and Bandwidth: I downloaded the page from Europe whereas the website is probably hosted in the US
  2. 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:

Overloaded pages with too many images, JavaScript, CSS files and lots of third-party content often results in very bad page load time

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.

A closer look at the HTML or JavaScript shows potential of optimization. The HTML contains lots of comments that should be removed. To reduce the size on the one side but also eliminate a security risk by not exposing developer names or internal code references to the public world:

There are many tools out there that can automatically remove comments and compress HTML, CSS and JavaScript files

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!

More Stories By Andreas Grabner

Andreas Grabner has been helping companies improve their application performance for 15+ years. He is a regular contributor within Web Performance and DevOps communities and a prolific speaker at user groups and conferences around the world. Reach him at @grabnerandi

Comments (0)

Share your thoughts on this story.

Add your comment
You must be signed in to add a comment. Sign-in | Register

In accordance with our Comment Policy, we encourage comments that are on topic, relevant and to-the-point. We will remove comments that include profanity, personal attacks, racial slurs, threats of violence, or other inappropriate material that violates our Terms and Conditions, and will block users who make repeated violations. We ask all readers to expect diversity of opinion and to treat one another with dignity and respect.


IoT & Smart Cities Stories
Cloud computing delivers on-demand resources that provide businesses with flexibility and cost-savings. The challenge in moving workloads to the cloud has been the cost and complexity of ensuring the initial and ongoing security and regulatory (PCI, HIPAA, FFIEC) compliance across private and public clouds. Manual security compliance is slow, prone to human error, and represents over 50% of the cost of managing cloud applications. Determining how to automate cloud security compliance is critical...
Enterprises have taken advantage of IoT to achieve important revenue and cost advantages. What is less apparent is how incumbent enterprises operating at scale have, following success with IoT, built analytic, operations management and software development capabilities - ranging from autonomous vehicles to manageable robotics installations. They have embraced these capabilities as if they were Silicon Valley startups.
"MobiDev is a Ukraine-based software development company. We do mobile development, and we're specialists in that. But we do full stack software development for entrepreneurs, for emerging companies, and for enterprise ventures," explained Alan Winters, U.S. Head of Business Development at MobiDev, in this SYS-CON.tv interview at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
Recently, REAN Cloud built a digital concierge for a North Carolina hospital that had observed that most patient call button questions were repetitive. In addition, the paper-based process used to measure patient health metrics was laborious, not in real-time and sometimes error-prone. In their session at 21st Cloud Expo, Sean Finnerty, Executive Director, Practice Lead, Health Care & Life Science at REAN Cloud, and Dr. S.P.T. Krishnan, Principal Architect at REAN Cloud, discussed how they built...
When talking IoT we often focus on the devices, the sensors, the hardware itself. The new smart appliances, the new smart or self-driving cars (which are amalgamations of many ‘things'). When we are looking at the world of IoT, we should take a step back, look at the big picture. What value are these devices providing. IoT is not about the devices, its about the data consumed and generated. The devices are tools, mechanisms, conduits. This paper discusses the considerations when dealing with the...
Bill Schmarzo, author of "Big Data: Understanding How Data Powers Big Business" and "Big Data MBA: Driving Business Strategies with Data Science," is responsible for setting the strategy and defining the Big Data service offerings and capabilities for EMC Global Services Big Data Practice. As the CTO for the Big Data Practice, he is responsible for working with organizations to help them identify where and how to start their big data journeys. He's written several white papers, is an avid blogge...
Business professionals no longer wonder if they'll migrate to the cloud; it's now a matter of when. The cloud environment has proved to be a major force in transitioning to an agile business model that enables quick decisions and fast implementation that solidify customer relationships. And when the cloud is combined with the power of cognitive computing, it drives innovation and transformation that achieves astounding competitive advantage.
Machine learning has taken residence at our cities' cores and now we can finally have "smart cities." Cities are a collection of buildings made to provide the structure and safety necessary for people to function, create and survive. Buildings are a pool of ever-changing performance data from large automated systems such as heating and cooling to the people that live and work within them. Through machine learning, buildings can optimize performance, reduce costs, and improve occupant comfort by ...
JETRO showcased Japan Digital Transformation Pavilion at SYS-CON's 21st International Cloud Expo® at the Santa Clara Convention Center in Santa Clara, CA. The Japan External Trade Organization (JETRO) is a non-profit organization that provides business support services to companies expanding to Japan. With the support of JETRO's dedicated staff, clients can incorporate their business; receive visa, immigration, and HR support; find dedicated office space; identify local government subsidies; get...
With 10 simultaneous tracks, keynotes, general sessions and targeted breakout classes, @CloudEXPO and DXWorldEXPO are two of the most important technology events of the year. Since its launch over eight years ago, @CloudEXPO and DXWorldEXPO have presented a rock star faculty as well as showcased hundreds of sponsors and exhibitors! In this blog post, we provide 7 tips on how, as part of our world-class faculty, you can deliver one of the most popular sessions at our events. But before reading...