Welcome!

Related Topics: Agile Computing, Microservices Expo, IoT User Interface

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
Web Real-Time Communication APIs have quickly revolutionized what browsers are capable of. In addition to video and audio streams, we can now bi-directionally send arbitrary data over WebRTC's PeerConnection Data Channels. With the advent of Progressive Web Apps and new hardware APIs such as WebBluetooh and WebUSB, we can finally enable users to stitch together the Internet of Things directly from their browsers while communicating privately and securely in a decentralized way.
More and more companies are looking to microservices as an architectural pattern for breaking apart applications into more manageable pieces so that agile teams can deliver new features quicker and more effectively. What this pattern has done more than anything to date is spark organizational transformations, setting the foundation for future application development. In practice, however, there are a number of considerations to make that go beyond simply “build, ship, and run,” which changes ho...
"My role is working with customers, helping them go through this digital transformation. I spend a lot of time talking to banks, big industries, manufacturers working through how they are integrating and transforming their IT platforms and moving them forward," explained William Morrish, General Manager Product Sales at Interoute, in this SYS-CON.tv interview at 18th Cloud Expo, held June 7-9, 2016, at the Javits Center in New York City, NY.
Just over a week ago I received a long and loud sustained applause for a presentation I delivered at this year’s Cloud Expo in Santa Clara. I was extremely pleased with the turnout and had some very good conversations with many of the attendees. Over the next few days I had many more meaningful conversations and was not only happy with the results but also learned a few new things. Here is everything I learned in those three days distilled into three short points.
SYS-CON Events announced today the Kubernetes and Google Container Engine Workshop, being held November 3, 2016, in conjunction with @DevOpsSummit at 19th Cloud Expo at the Santa Clara Convention Center in Santa Clara, CA. This workshop led by Sebastian Scheele introduces participants to Kubernetes and Google Container Engine (GKE). Through a combination of instructor-led presentations, demonstrations, and hands-on labs, students learn the key concepts and practices for deploying and maintainin...
A strange thing is happening along the way to the Internet of Things, namely far too many devices to work with and manage. It has become clear that we'll need much higher efficiency user experiences that can allow us to more easily and scalably work with the thousands of devices that will soon be in each of our lives. Enter the conversational interface revolution, combining bots we can literally talk with, gesture to, and even direct with our thoughts, with embedded artificial intelligence, wh...
Adobe is changing the world though digital experiences. Adobe helps customers develop and deliver high-impact experiences that differentiate brands, build loyalty, and drive revenue across every screen, including smartphones, computers, tablets and TVs. Adobe content solutions are used daily by millions of companies worldwide-from publishers and broadcasters, to enterprises, marketing agencies and household-name brands. Building on its established design leadership, Adobe enables customers not o...
Why do your mobile transformations need to happen today? Mobile is the strategy that enterprise transformation centers on to drive customer engagement. In his general session at @ThingsExpo, Roger Woods, Director, Mobile Product & Strategy – Adobe Marketing Cloud, covered key IoT and mobile trends that are forcing mobile transformation, key components of a solid mobile strategy and explored how brands are effectively driving mobile change throughout the enterprise.
Kubernetes is a new and revolutionary open-sourced system for managing containers across multiple hosts in a cluster. Ansible is a simple IT automation tool for just about any requirement for reproducible environments. In his session at @DevOpsSummit at 18th Cloud Expo, Patrick Galbraith, a principal engineer at HPE, discussed how to build a fully functional Kubernetes cluster on a number of virtual machines or bare-metal hosts. Also included will be a brief demonstration of running a Galera M...
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 lea...
All clouds are not equal. To succeed in a DevOps context, organizations should plan to develop/deploy apps across a choice of on-premise and public clouds simultaneously depending on the business needs. This is where the concept of the Lean Cloud comes in - resting on the idea that you often need to relocate your app modules over their life cycles for both innovation and operational efficiency in the cloud. In his session at @DevOpsSummit at19th Cloud Expo, Valentin (Val) Bercovici, CTO of So...
What are the new priorities for the connected business? First: businesses need to think differently about the types of connections they will need to make – these span well beyond the traditional app to app into more modern forms of integration including SaaS integrations, mobile integrations, APIs, device integration and Big Data integration. It’s important these are unified together vs. doing them all piecemeal. Second, these types of connections need to be simple to design, adapt and configure...
What happens when the different parts of a vehicle become smarter than the vehicle itself? As we move toward the era of smart everything, hundreds of entities in a vehicle that communicate with each other, the vehicle and external systems create a need for identity orchestration so that all entities work as a conglomerate. Much like an orchestra without a conductor, without the ability to secure, control, and connect the link between a vehicle’s head unit, devices, and systems and to manage the ...
24Notion is full-service global creative digital marketing, technology and lifestyle agency that combines strategic ideas with customized tactical execution. With a broad understand of the art of traditional marketing, new media, communications and social influence, 24Notion uniquely understands how to connect your brand strategy with the right consumer. 24Notion ranked #12 on Corporate Social Responsibility - Book of List.
The Jevons Paradox suggests that when technological advances increase efficiency of a resource, it results in an overall increase in consumption. Writing on the increased use of coal as a result of technological improvements, 19th-century economist William Stanley Jevons found that these improvements led to the development of new ways to utilize coal. In his session at 19th Cloud Expo, Mark Thiele, Chief Strategy Officer for Apcera, will compare the Jevons Paradox to modern-day enterprise IT, e...