Welcome!

Machine Learning Authors: Elizabeth White, Yeshim Deniz, Pat Romanski, Rene Buest, Nate Vickery

Related Topics: Machine Learning , Java IoT, Microsoft Cloud

Machine Learning : Article

IE Compatibility View

How to identify performance problems between IE versions

A client of ours recently contacted me with the question: We use Keynote, WebPagetest and dynaTrace AJAX – but we get different results with these tools/services. WebPagetest tells us that our page is very slow – but dynaTrace on my local machine does not. What can be the problem here? What’s the difference?

I took a look at their page on my own laptop – running WinXP and IE8. I saw a small JavaScript performance hotspot but nothing major. Then it occurred to me that WebPagetest is probably using a different browser which made me notice a feature of IE that I haven’t yet explored enough.

IE Compatibility View
Internet Explorer 8 introduced a feature called Compatibility View. The intention of that feature was to allow web sites that were optimized for older browser versions to display correctly and it also allows developers to test what their site looks like on an older version of IE. From a performance analysis perspective this feature also allows you to verify if your site has been optimized for multiple versions of IE – without needing a second machine that runs an older browser.

Comparing Page Speed
I ran the page that was supposed to be slow twice – once without and once with the Compatibility View. The following two illustrations show the dynaTrace AJAX Timeline View of the same page (first one is normal IE8 – second is the one using Compatibility View):

Timeline for page in IE8 showing about 3 seconds in onLoad/readyStateChange event handler

Timeline for page in IE8 showing about 3 seconds in onLoad/readyStateChange event handler

Same page in Compatibility Mode takes 10 seconds for the same JavaScript handler

Same page in Compatibility Mode takes 10 seconds for the same JavaScript handler

Identifying JavaScript HotSpot

The latest dynaTrace AJAX Edition 2.0 Beta 1 has a new Performance Report feature that highlights the JavaScript hotspots for me. The following illustration shows a side-to-side comparison of the identified HotSpots in IE8 Normal Mode vs. Compatibility View:

Very long running jQuery lookups in Compatibility Mode vs. very fast in IE8 Normal Mode

Very long running jQuery lookups in Compatibility Mode vs. very fast in IE8 Normal Mode

The difference between these two runs is caused by the jQuery lookups on elements identified via their class name or complex lookups with parent->child relations. I wrote an article that explains the performance implications of these lookups and listed other JavaScript/AJAX recommendations in our Best Practices on JavaScript and AJAX Performance.

What is the performance difference in those jQuery Lookups?

When we drill down into the PurePath on both recorded sessions it is easy to spot where the difference comes from:

IE8 supports querySelectorAll whereas previous IE versions do not causing jQuery to manually iterate through ALL DOM elements

IE8 supports querySelectorAll whereas previous IE versions do not causing jQuery to manually iterate through ALL DOM elements

I’ve said this many, many times on this blog: Element lookups by class name or any lookups not done by ID or TagName are EVIL in Internet Explorer. IE8 at least provides an implementation of querySelectorAll which the latest versions of frameworks like jQuery support – but be aware of some restrictions and concerns.

My new friend: the Compatibility View
Compatibility View is definitely a huge help for developers and testers. It allows us to test the same page on the same machine with two major versions of IE. For testers this is nice as they can run the same set of tests against the same installed browser but in different modes (however – I still recommend using two real, different browsers on different machines – because – in the end – the compatibility view is not the real thing). Use tools like the dynaTrace AJAX Edition to analyze the difference performance behavior of your pages.

Related reading:

  1. 6 Steps to identify the major web site performance problems on pages like masters.com Remark: The analysis in this blog was done on masters.com...
  2. Update dynaTrace AJAX Edition to get Rendering Times on ALL versions of Internet Explorer Analyzing Rendering Activity is one of the many features of...
  3. How to identify IE Add-Ons such as Skype that impact Web Site Performance I occasionally get invited to do JavaScript/AJAX Performance Workshops. Last...
  4. Best Practices on JavaScript and AJAX Performance JavaScript can save your day or it can cause you...
  5. How to Find Invisible Performance Problems In the first post for this year, I will discuss...


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

@CloudExpo Stories
21st International Cloud Expo, taking place October 31 - November 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA, will feature technical sessions from a rock star conference faculty and the leading industry players in the world. Cloud computing is now being embraced by a majority of enterprises of all sizes. Yesterday's debate about public vs. private has transformed into the reality of hybrid cloud: a recent survey shows that 74% of enterprises have a hybrid cloud strategy. Me...
SYS-CON Events announced today that DXWorldExpo has been named “Global Sponsor” of SYS-CON's 21st International Cloud Expo, which will take place on Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. Digital Transformation is the key issue driving the global enterprise IT business. Digital Transformation is most prominent among Global 2000 enterprises and government institutions.
SYS-CON Events announced today that Datera, that offers a radically new data management architecture, has been named "Exhibitor" of SYS-CON's 21st International Cloud Expo ®, which will take place on Oct 31 - Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. Datera is transforming the traditional datacenter model through modern cloud simplicity. The technology industry is at another major inflection point. The rise of mobile, the Internet of Things, data storage and Big...
Kubernetes is an open source system for automating deployment, scaling, and management of containerized applications. Kubernetes was originally built by Google, leveraging years of experience with managing container workloads, and is now a Cloud Native Compute Foundation (CNCF) project. Kubernetes has been widely adopted by the community, supported on all major public and private cloud providers, and is gaining rapid adoption in enterprises. However, Kubernetes may seem intimidating and complex ...
SYS-CON Events announced today that Calligo, an innovative cloud service provider offering mid-sized companies the highest levels of data privacy and security, has been named "Bronze Sponsor" of SYS-CON's 21st International Cloud Expo ®, which will take place on Oct 31 - Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. Calligo offers unparalleled application performance guarantees, commercial flexibility and a personalised support service from its globally located cloud plat...
"We focus on SAP workloads because they are among the most powerful but somewhat challenging workloads out there to take into public cloud," explained Swen Conrad, CEO of Ocean9, Inc., in this SYS-CON.tv interview at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
"Outscale was founded in 2010, is based in France, is a strategic partner to Dassault Systémes and has done quite a bit of work with divisions of Dassault," explained Jackie Funk, Digital Marketing exec at Outscale, in this SYS-CON.tv interview at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
"I think DevOps is now a rambunctious teenager – it’s starting to get a mind of its own, wanting to get its own things but it still needs some adult supervision," explained Thomas Hooker, VP of marketing at CollabNet, in this SYS-CON.tv interview at DevOps Summit at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
"We are still a relatively small software house and we are focusing on certain industries like FinTech, med tech, energy and utilities. We help our customers with their digital transformation," noted Piotr Stawinski, Founder and CEO of EARP Integration, in this SYS-CON.tv interview at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
"We've been engaging with a lot of customers including Panasonic, we've been involved with Cisco and now we're working with the U.S. government - the Department of Homeland Security," explained Peter Jung, Chief Product Officer at Pulzze Systems, in this SYS-CON.tv interview at @ThingsExpo, held June 6-8, 2017, at the Javits Center in New York City, NY.
"We're here to tell the world about our cloud-scale infrastructure that we have at Juniper combined with the world-class security that we put into the cloud," explained Lisa Guess, VP of Systems Engineering at Juniper Networks, in this SYS-CON.tv interview at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
There is a huge demand for responsive, real-time mobile and web experiences, but current architectural patterns do not easily accommodate applications that respond to events in real time. Common solutions using message queues or HTTP long-polling quickly lead to resiliency, scalability and development velocity challenges. In his session at 21st Cloud Expo, Ryland Degnan, a Senior Software Engineer on the Netflix Edge Platform team, will discuss how by leveraging a reactive stream-based protocol,...
"With Digital Experience Monitoring what used to be a simple visit to a web page has exploded into app on phones, data from social media feeds, competitive benchmarking - these are all components that are only available because of some type of digital asset," explained Leo Vasiliou, Director of Web Performance Engineering at Catchpoint Systems, in this SYS-CON.tv interview at DevOps Summit at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
Your homes and cars can be automated and self-serviced. Why can't your storage? From simply asking questions to analyze and troubleshoot your infrastructure, to provisioning storage with snapshots, recovery and replication, your wildest sci-fi dream has come true. In his session at @DevOpsSummit at 20th Cloud Expo, Dan Florea, Director of Product Management at Tintri, provided a ChatOps demo where you can talk to your storage and manage it from anywhere, through Slack and similar services with...
"We want to show that our solution is far less expensive with a much better total cost of ownership so we announced several key features. One is called geo-distributed erasure coding, another is support for KVM and we introduced a new capability called Multi-Part," explained Tim Desai, Senior Product Marketing Manager at Hitachi Data Systems, in this SYS-CON.tv interview at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
"I'm here to leverage my secret sauce, which is using outsourced development and the company that I utilize is delaPlex Software and they've basically allowed me to win Fortune 500 companies," noted Justin Witz, CTO of FRA and PlanTools, in this SYS-CON.tv interview at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
"As we've gone out into the public cloud we've seen that over time we may have lost a few things - we've lost control, we've given up cost to a certain extent, and then security, flexibility," explained Steve Conner, VP of Sales at Cloudistics,in this SYS-CON.tv interview at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
"We are an IT services solution provider and we sell software to support those solutions. Our focus and key areas are around security, enterprise monitoring, and continuous delivery optimization," noted John Balsavage, President of A&I Solutions, in this SYS-CON.tv interview at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
As enterprise cloud becomes the norm, businesses and government programs must address compounded regulatory compliance related to data privacy and information protection. The most recent, Controlled Unclassified Information and the EU’s GDPR have board level implications and companies still struggle with demonstrating due diligence. Developers and DevOps leaders, as part of the pre-planning process and the associated supply chain, could benefit from updating their code libraries and design by in...
"Peak 10 is a hybrid infrastructure provider across the nation. We are in the thick of things when it comes to hybrid IT," explained Michael Fuhrman, Chief Technology Officer at Peak 10, in this SYS-CON.tv interview at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.