Welcome!

Related Topics: Agile Computing, Microservices Expo, Machine Learning

Agile Computing: Article

Technical & Business Web Performance Tips for Super Bowl Ad Landing Pages

Will the millions of dollars spent really pay off for the advertisers?

Two days before the Super Bowl people are not only betting on the winner, but also on the best commercial. Will the millions of dollars spent really pay off for the advertisers? We took a closer look at the Super Bowl Ad landing pages for these Super Bowl Ads. Our synthetic monitoring showed huge differences ranking from 1.4 to 10s+ load time. If these pages are already slow prior to the big day, we wonder how they will do on Sunday and if there is anything that can be done to speed things up.

With this blog we hope to give a wake-up signal to some of these companies. They need to take another look into their current deployment because we see a lot of web performance mistakes all over the place like:

  • CDN Configuration Problems
  • NOT optimized for Mobile
  • NOT following Best Practices such as Spriting.

For Business Owners: Talk with your IT Teams and make sure they have the time and resources to analyze and do last minute fixes - otherwise it is possible that even with the funniest ad, you won't be able to convert viewers into customers because your website may crash or be slow. You can check out how fast your page is in the moment: Run an Instant Test with Compuware APM/Gomez.

For the DevOps and Web Architect Team: Run a quick sanity check with tools such as Compuware APM/dynaTrace AJAX Edition, PageSpeed, FireBug, ... and follow the best practices we have been talking about in the recent years.

CDN Configuration Problems
One of the advertisers landing page loads 248 images on that page. Most of these images are served from the home domain (e.g., www.company.com). Others are severed from Amazon's CDN. What's interesting is that on this page, 46 of these image requests result in an HTTP 403. This is a lot of time wasted by the browser and impacts the end user because he has to wait longer for the full page to load:

CDN Configuration problems lead to HTTP 403s and impact total page load time

Next Steps: Figure out if these image URLs are valid and really needed for the landing page. If so - check the CDN configuration. If they are not needed, they probably got onto the page by accident. Make sure to remove them from the HTML document so that they don't impact page load time.

More blogs on CDNs: Check out our blogs on Why CDNs and How, How to Monitor CDNs, When Things Go Wrong.

Not Optimized for Mobile
How large do you want a mobile web site to be? 100k, 1MB, 10MB? Even though many of us now have LTE or 3G, downloading large web sites on a mobile device will always impact user experience. One of the mobile versions of the landing pages that I analyzed had 20MB in unzipped content and took about 15s to load. I used a Wi-Fi connection for this test. Here are the other Key Performance Indicators showing that this site is definitely NOT Optimized for Mobile:

The mobile version of the web site was very large (20MB) and had too many resources (434) until it was fully loaded

Next Steps: I would ask the question: why it is necessary to download all these images on the initial landing page when only a handful of them are shown anyway? Loading images of a picture gallery in advance will speed up scrolling through the gallery, but it will also impact the first impression of that page. This will make end users wonder how much data they just downloaded to access a "mobile" web site.

More blogs on Mobile Performance: Check out Top Mobile Mistakes in 2013, 3 Seconds make a difference, Don't Miss 50% of your paying customers

To read about other performance issues, and view more screen-shots and insights, click-here for the full blog:

Business Folks: Don't waste your money - give IT more time to focus on web performance

After so many years of Web Performance Optimization Best Practices it still interesting to see "performance landmines" like the ones highlighted here. And - these are just a few of many that we found. If you want to learn more about what it takes to prevent these problems right from the start then check out some of our other blogs on Best Practices for DevOps and Avoiding the Classical Business War Room Scenario.

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.


Latest Stories
SYS-CON Events announced today that Avere Systems, a leading provider of hybrid cloud enablement solutions, will exhibit at 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. Avere Systems was created by file systems experts determined to reinvent storage by changing the way enterprises thought about and bought storage resources. With decades of experience behind the company’s founders, Avere got its ...
Microsoft Azure Container Services can be used for container deployment in a variety of ways including support for Orchestrators like Kubernetes, Docker Swarm and Mesos. However, the abstraction for app development that support application self-healing, scaling and so on may not be at the right level. Helm and Draft makes this a lot easier. In this primarily demo-driven session at @DevOpsSummit at 21st Cloud Expo, Raghavan "Rags" Srinivas, a Cloud Solutions Architect/Evangelist at Microsoft, wi...
Containers are rapidly finding their way into enterprise data centers, but change is difficult. How do enterprises transform their architecture with technologies like containers without losing the reliable components of their current solutions? In his session at @DevOpsSummit at 21st Cloud Expo, Tony Campbell, Director, Educational Services at CoreOS, will explore the challenges organizations are facing today as they move to containers and go over how Kubernetes applications can deploy with lega...
As you move to the cloud, your network should be efficient, secure, and easy to manage. An enterprise adopting a hybrid or public cloud needs systems and tools that provide: Agility: ability to deliver applications and services faster, even in complex hybrid environments Easier manageability: enable reliable connectivity with complete oversight as the data center network evolves Greater efficiency: eliminate wasted effort while reducing errors and optimize asset utilization Security: imple...
High-velocity engineering teams are applying not only continuous delivery processes, but also lessons in experimentation from established leaders like Amazon, Netflix, and Facebook. These companies have made experimentation a foundation for their release processes, allowing them to try out major feature releases and redesigns within smaller groups before making them broadly available. In his session at 21st Cloud Expo, Brian Lucas, Senior Staff Engineer at Optimizely, will discuss how by using...
Today most companies are adopting or evaluating container technology - Docker in particular - to speed up application deployment, drive down cost, ease management and make application delivery more flexible overall. As with most new architectures, this dream takes significant work to become a reality. Even when you do get your application componentized enough and packaged properly, there are still challenges for DevOps teams to making the shift to continuous delivery and achieving that reducti...
In this strange new world where more and more power is drawn from business technology, companies are effectively straddling two paths on the road to innovation and transformation into digital enterprises. The first path is the heritage trail – with “legacy” technology forming the background. Here, extant technologies are transformed by core IT teams to provide more API-driven approaches. Legacy systems can restrict companies that are transitioning into digital enterprises. To truly become a lead...
With major technology companies and startups seriously embracing Cloud strategies, now is the perfect time to attend 21st Cloud Expo October 31 - November 2, 2017, at the Santa Clara Convention Center, CA, and June 12-14, 2018, at the Javits Center in New York City, NY, and learn what is going on, contribute to the discussions, and ensure that your enterprise is on the right path to Digital Transformation.
Is advanced scheduling in Kubernetes achievable? Yes, however, how do you properly accommodate every real-life scenario that a Kubernetes user might encounter? How do you leverage advanced scheduling techniques to shape and describe each scenario in easy-to-use rules and configurations? In his session at @DevOpsSummit at 21st Cloud Expo, Oleg Chunikhin, CTO at Kublr, will answer these questions and demonstrate techniques for implementing advanced scheduling. For example, using spot instances ...
SYS-CON Events announced today that Yuasa System will exhibit at the Japan External Trade Organization (JETRO) Pavilion at 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. Yuasa System is introducing a multi-purpose endurance testing system for flexible displays, OLED devices, flexible substrates, flat cables, and films in smartphones, wearables, automobiles, and healthcare.
SYS-CON Events announced today that CAST Software will exhibit at 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. CAST was founded more than 25 years ago to make the invisible visible. Built around the idea that even the best analytics on the market still leave blind spots for technical teams looking to deliver better software and prevent outages, CAST provides the software intelligence that matter ...
SYS-CON Events announced today that Daiya Industry will exhibit at the Japanese Pavilion at 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. Ruby Development Inc. builds new services in short period of time and provides a continuous support of those services based on Ruby on Rails. For more information, please visit https://github.com/RubyDevInc.
When it comes to cloud computing, the ability to turn massive amounts of compute cores on and off on demand sounds attractive to IT staff, who need to manage peaks and valleys in user activity. With cloud bursting, the majority of the data can stay on premises while tapping into compute from public cloud providers, reducing risk and minimizing need to move large files. In his session at 18th Cloud Expo, Scott Jeschonek, Director of Product Management at Avere Systems, discussed the IT and busine...
SYS-CON Events announced today that Evatronix will exhibit at 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. Evatronix SA offers comprehensive solutions in the design and implementation of electronic systems, in CAD / CAM deployment, and also is a designer and manufacturer of advanced 3D scanners for professional applications.
As businesses evolve, they need technology that is simple to help them succeed today and flexible enough to help them build for tomorrow. Chrome is fit for the workplace of the future — providing a secure, consistent user experience across a range of devices that can be used anywhere. In her session at 21st Cloud Expo, Vidya Nagarajan, a Senior Product Manager at Google, will take a look at various options as to how ChromeOS can be leveraged to interact with people on the devices, and formats th...