Welcome!

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.


Latest Stories
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.
SYS-CON Events announced today that Silicon India has been named “Media 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. Published in Silicon Valley, Silicon India magazine is the premiere platform for CIOs to discuss their innovative enterprise solutions and allows IT vendors to learn about new solutions that can help grow their business.
DXWorldEXPO LLC announced today that "IoT Now" was named media sponsor of CloudEXPO | DXWorldEXPO 2018 New York, which will take place on November 11-13, 2018 in New York City, NY. IoT Now explores the evolving opportunities and challenges facing CSPs, and it passes on some lessons learned from those who have taken the first steps in next-gen IoT services.
In this presentation, you will learn first hand what works and what doesn't while architecting and deploying OpenStack. Some of the topics will include:- best practices for creating repeatable deployments of OpenStack- multi-site considerations- how to customize OpenStack to integrate with your existing systems and security best practices.
SYS-CON Events announced today that CrowdReviews.com has been named “Media Sponsor” of SYS-CON's 22nd International Cloud Expo, which will take place on June 5–7, 2018, at the Javits Center in New York City, NY. CrowdReviews.com is a transparent online platform for determining which products and services are the best based on the opinion of the crowd. The crowd consists of Internet users that have experienced products and services first-hand and have an interest in letting other potential buye...
You want to start your DevOps journey but where do you begin? Do you say DevOps loudly 5 times while looking in the mirror and it suddenly appears? Do you hire someone? Do you upskill your existing team? Here are some tips to help support your DevOps transformation. Conor Delanbanque has been involved with building & scaling teams in the DevOps space globally. He is the Head of DevOps Practice at MThree Consulting, a global technology consultancy. Conor founded the Future of DevOps Thought Leade...
Everyone wants the rainbow - reduced IT costs, scalability, continuity, flexibility, manageability, and innovation. But in order to get to that collaboration rainbow, you need the cloud! In this presentation, we'll cover three areas: First - the rainbow of benefits from cloud collaboration. There are many different reasons why more and more companies and institutions are moving to the cloud. Benefits include: cost savings (reducing on-prem infrastructure, reducing data center foot print, redu...
Jo Peterson is VP of Cloud Services for Clarify360, a boutique sourcing and benchmarking consultancy focused on transforming technology into business advantage. Clarify360 provides custom, end-to-end solutions from a portfolio of more than 170 suppliers globally. As an engineer, Jo sources net new technology footprints, and is an expert at optimizing and benchmarking existing environments focusing on Cloud Enablement and Optimization. She and her team work with clients on Cloud Discovery, Cloud ...
Founded in 2000, Chetu Inc. is a global provider of customized software development solutions and IT staff augmentation services for software technology providers. By providing clients with unparalleled niche technology expertise and industry experience, Chetu has become the premiere long-term, back-end software development partner for start-ups, SMBs, and Fortune 500 companies. Chetu is headquartered in Plantation, Florida, with thirteen offices throughout the U.S. and abroad.
SYS-CON Events announced today that DatacenterDynamics has been named “Media Sponsor” of SYS-CON's 18th International Cloud Expo, which will take place on June 7–9, 2016, at the Javits Center in New York City, NY. DatacenterDynamics is a brand of DCD Group, a global B2B media and publishing company that develops products to help senior professionals in the world's most ICT dependent organizations make risk-based infrastructure and capacity decisions.
The technologies behind big data and cloud computing are converging quickly, offering businesses new capabilities for fast, easy, wide-ranging access to data. However, to capitalize on the cost-efficiencies and time-to-value opportunities of analytics in the cloud, big data and cloud technologies must be integrated and managed properly. Pythian's Director of Big Data and Data Science, Danil Zburivsky will explore: The main technology components and best practices being deployed to take advantage...
DXWorldEXPO LLC announced today that All in Mobile, a mobile app development company from Poland, will exhibit at the 22nd International CloudEXPO | DXWorldEXPO. All In Mobile is a mobile app development company from Poland. Since 2014, they maintain passion for developing mobile applications for enterprises and startups worldwide.
Nicolas Fierro is CEO of MIMIR Blockchain Solutions. He is a programmer, technologist, and operations dev who has worked with Ethereum and blockchain since 2014. His knowledge in blockchain dates to when he performed dev ops services to the Ethereum Foundation as one the privileged few developers to work with the original core team in Switzerland.
Most DevOps journeys involve several phases of maturity. Research shows that the inflection point where organizations begin to see maximum value is when they implement tight integration deploying their code to their infrastructure. Success at this level is the last barrier to at-will deployment. Storage, for instance, is more capable than where we read and write data. In his session at @DevOpsSummit at 20th Cloud Expo, Josh Atwell, a Developer Advocate for NetApp, will discuss the role and value...
Andi Mann, Chief Technology Advocate at Splunk, is an accomplished digital business executive with extensive global expertise as a strategist, technologist, innovator, marketer, and communicator. For over 30 years across five continents, he has built success with Fortune 500 corporations, vendors, governments, and as a leading research analyst and consultant.