Welcome!

Microservices Expo Authors: Karthick Viswanathan, Liz McMillan, Elizabeth White, Stackify Blog, Pat Romanski

Related Topics: Microservices Expo, Java IoT, Industrial IoT, Microsoft Cloud, Machine Learning , Agile Computing

Microservices Expo: Article

100 Years in the Movies: One Evening’s Web Performance

Why one company performed better during this year’s Super Bowl

Both Paramount and Universal celebrated their 100th anniversary last year, which is a long time to be in the movie business. Arguably, both have made some good, some great, and some bad movies. But, during this year's Super Bowl, Paramount showed Universal how to design a ‘fast and furious' web site that stood up to the flood of visitors during and after the game.

This article will discuss not only how Paramount was able to do it, but will also compare Universal and Paramount's Super Bowl web site results, which shines a light on key factors for successful web performance: fewer connections to fewer hosts requesting smaller objects produces a smaller page size having a positive impact on page response time.

To begin, Universal and Paramount are near equals when it comes to their web age. Jumping over to http://web.archive.org, I found Paramount launched its first site 16 years ago in 1997 and Universal's first site came online 15 years ago in 1998. With the same amount of experience on the Web, it's interesting to explore why one company performed better during this year's Super Bowl.

As a result of analyzing web page performance for nearly six years, my experience tells me that the reasons some sites succeed and others don't can fall into three general categories - corporate culture, resources, and experience and knowledge. But even today, with so much information available on web site performance fundamentals, I often see companies forgetting the basics.

Why Universal Was not ‘Fast and Furious'
Looking at Paramount and Universal's site performance for the period from 5 p.m. EST until 11 p.m. EST on Sunday, February 3 (Super Bowl Sunday), I noticed some big performance differences between the two sites. For starters, Paramount's homepage average response time was 966 milliseconds while Universal's was 11.727 seconds.

Comparison of the two sites clearly shows that the differences come down to web performance basics and the fundamental construction of a web page. This includes connections, object count and type, page size, and hosts. This can be seen in the following chart:

†3 objects greater than 200KB

*11 objects greater than 200KB

The Fewer Connections the Better
Paramount designed their Super Bowl site using only nine connections, while Universal used 41 connections:

The number of connections was a significant factor in Universal's poor response time because more connections equated to more bytes transferred. The tradeoffs can be significant as Universal's response time shows.

After the IP address is resolved by a DNS lookup, the number of connections generally sets the pace for page loading. Even though modern browsers are capable of making between 6 and 8 simultaneous connections to the same host, it doesn't mean you have to use them all. Creating TCP/IP requests takes time and resources, and the milliseconds of overhead that each one requires can quickly add up to seconds, especially during a big game night when massive web traffic is expected.

Identify Flying Objects
The amount of time spent making HTTP requests for all the objects can have a marked impact on page response time. The following chart shows that Paramount's homepage contained only 41 objects, while Universal's homepage contained 121 objects:

Once a connection is established the objects will, presumably, just fly into your visitors' browser, right? Not always.

What if these objects are large files and the servers are straining because of an increased load (as during a special event like the Super Bowl). In Universal's case, there were 11 files tipping the scale at well over 200KB each (two files where over 750KB each). Paramount, on the other hand, only had three files exceeding 200KB.

Size Matters
You've probably heard this once or twice - page size matters. Page size is characterized by totaling all the files that make up a web page (typically compressed and in KB).

Here we see Universal's homepage size coming in at a whopping 4995KB while Paramount's homepage comes in at only 1625KB:

Typically, file size isn't too much of an issue during normal surfing, but Super Bowl Sunday is not a normal traffic day. You can agree that five pounds is heavier than two pounds, and it subsequently takes more effort to lift five pounds. This same concept is true for web sites - some are heavy in KB and others comparatively lighter.

In this case, Universal's page was not as ‘fast and furious' as Paramount's because its page size was 3370KB heavier. Newtonian Law of the Internet states it's going to take longer to download heavy pages than lighter ones so long as the access lines are equal.

Host Counts Count
Using the HTTP Archive Trends site (http://httparchive.org/trends.php#numDomains&maxDomainReqs), you can find information on many web site design trends. Two such trends that I find interesting are the average number of domains accessed across all websites and the maximum number of requests (Max Reqs) on the most used domain.

Here's a table comparing Paramount to Universal to the average for all websites:

The difference between the two studio sites is very clear. We can see that Paramount designed a site that was well under the average for number of Domains and Max Reqs on one domain with three and 39, respectively, where Universal was well above at 27 and 75, respectively:

Further, examining the average number of Domain/Hosts alone, Universal used 9x more hosts across their homepage over Paramount. A fast response time can be increasingly challenging to design and there will be some compromises made, and a low host count seems to be an obvious tactic to follow.

Back to the Basics
Comparing the Universal and Paramount Super Bowl web site results highlights some of the key truths of web performance. Primarily, fewer connections to fewer hosts requesting fewer, smaller objects produces a smaller page size and these items can have a positive impact on page response time. Placing these areas on high alert before going live - connections, object count and type, page size, and hosts - may be one of the best ways to ensure a successful Super Bowl any day of the year.

More Stories By Gregory Speckhart

Gregory Speckhart is a Senior APM Solutions Consultant at Compuware.

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.


@MicroservicesExpo Stories
From manual human effort the world is slowly paving its way to a new space where most process are getting replaced with tools and systems to improve efficiency and bring down operational costs. Automation is the next big thing and low code platforms are fueling it in a significant way. The Automation era is here. We are in the fast pace of replacing manual human efforts with machines and processes. In the world of Information Technology too, we are linking disparate systems, softwares and tool...
All organizations that did not originate this moment have a pre-existing culture as well as legacy technology and processes that can be more or less amenable to DevOps implementation. That organizational culture is influenced by the personalities and management styles of Executive Management, the wider culture in which the organization is situated, and the personalities of key team members at all levels of the organization. This culture and entrenched interests usually throw a wrench in the work...
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,...
DevOps sees the coming together of practices, philosophies, and tools that allow you to create services and applications very quickly. This means that you can improve on your apps and evolve them at a much faster rate than those developers who are using traditional software development processes. We’ve talked about DevOps, in general, a great deal, but today, we’re going to dig a little deeper and take a look at Java DevOps specifically.
In his session at 20th Cloud Expo, Mike Johnston, an infrastructure engineer at Supergiant.io, discussed how to use Kubernetes to set up a SaaS infrastructure for your business. Mike Johnston is an infrastructure engineer at Supergiant.io with over 12 years of experience designing, deploying, and maintaining server and workstation infrastructure at all scales. He has experience with brick and mortar data centers as well as cloud providers like Digital Ocean, Amazon Web Services, and Rackspace. H...
With continuous delivery (CD) almost always in the spotlight, continuous integration (CI) is often left out in the cold. Indeed, it's been in use for so long and so widely, we often take the model for granted. So what is CI and how can you make the most of it? This blog is intended to answer those questions. Before we step into examining CI, we need to look back. Software developers often work in small teams and modularity, and need to integrate their changes with the rest of the project code b...
"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.
From personal care products to groceries and movies on demand, cloud-based subscriptions are fulfilling the needs of consumers across an array of market sectors. Nowhere is this shift to subscription services more evident than in the technology sector. By adopting an Everything-as-a-Service (XaaS) delivery model, companies are able to tailor their computing environments to shape the experiences they want for customers as well as their workforce.
If you read a lot of business and technology publications, you might think public clouds are universally preferred over all other cloud options. To be sure, the numbers posted by Amazon Web Services (AWS) and Microsoft’s Azure platform are nothing short of impressive. Statistics reveal that public clouds are growing faster than private clouds and analysts at IDC predict that public cloud growth will be 3 times that of private clouds by 2019.
"At the keynote this morning we spoke about the value proposition of Nutanix, of having a DevOps culture and a mindset, and the business outcomes of achieving agility and scale, which everybody here is trying to accomplish," noted Mark Lavi, DevOps Solution Architect at Nutanix, in this SYS-CON.tv interview at @DevOpsSummit at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
SYS-CON Events announced today that Calligo 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 is an innovative cloud service provider offering mid-sized companies the highest levels of data privacy. Calligo offers unparalleled application performance guarantees, commercial flexibility and a personalized support service from its globally located cloud platfor...
"DivvyCloud as a company set out to help customers automate solutions to the most common cloud problems," noted Jeremy Snyder, VP of Business Development at DivvyCloud, 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 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.
"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.
"Peak 10 is a hybrid infrastructure provider across the nation. We are in the thick of things when it comes to hybrid IT," explained , 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.
"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.
"I will be talking about ChatOps and ChatOps as a way to solve some problems in the DevOps space," explained Himanshu Chhetri, CTO of Addteq, in this SYS-CON.tv interview at @DevOpsSummit 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...
If you are thinking about moving applications off a mainframe and over to open systems and the cloud, consider these guidelines to prioritize what to move and what to eliminate. On the surface, mainframe architecture seems relatively simple: A centrally located computer processes data through an input/output subsystem and stores its computations in memory. At the other end of the mainframe are printers and terminals that communicate with the mainframe through protocols. For all of its apparen...
DevOps at Cloud Expo, taking place October 31 - November 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA, is co-located with 21st Cloud Expo and will feature technical sessions from a rock star conference faculty and the leading industry players in the world. The widespread success of cloud computing is driving the DevOps revolution in enterprise IT. Now as never before, development teams must communicate and collaborate in a dynamic, 24/7/365 environment. There is no time to w...