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
Historically, some banking activities such as trading have been relying heavily on analytics and cutting edge algorithmic tools. The coming of age of powerful data analytics solutions combined with the development of intelligent algorithms have created new opportunities for financial institutions. In his session at 20th Cloud Expo, Sebastien Meunier, Head of Digital for North America at Chappuis Halder & Co., discussed how these tools can be leveraged to develop a lasting competitive advantage ...
You know you need the cloud, but you’re hesitant to simply dump everything at Amazon since you know that not all workloads are suitable for cloud. You know that you want the kind of ease of use and scalability that you get with public cloud, but your applications are architected in a way that makes the public cloud a non-starter. You’re looking at private cloud solutions based on hyperconverged infrastructure, but you’re concerned with the limits inherent in those technologies.
WebRTC is the future of browser-to-browser communications, and continues to make inroads into the traditional, difficult, plug-in web communications world. The 6th WebRTC Summit continues our tradition of delivering the latest and greatest presentations within the world of WebRTC. Topics include voice calling, video chat, P2P file sharing, and use cases that have already leveraged the power and convenience of WebRTC.
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...
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 a lot of 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 reduction in cost ...
SYS-CON Events announced today that Massive Networks 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. Massive Networks mission is simple. To help your business operate seamlessly with fast, reliable, and secure internet and network solutions. Improve your customer's experience with outstanding connections to your cloud.
DevOps is under attack because developers don’t want to mess with infrastructure. They will happily own their code into production, but want to use platforms instead of raw automation. That’s changing the landscape that we understand as DevOps with both architecture concepts (CloudNative) and process redefinition (SRE). Rob Hirschfeld’s recent work in Kubernetes operations has led to the conclusion that containers and related platforms have changed the way we should be thinking about DevOps and...
The question before companies today is not whether to become intelligent, it’s a question of how and how fast. The key is to adopt and deploy an intelligent application strategy while simultaneously preparing to scale that intelligence. In her session at 21st Cloud Expo, Sangeeta Chakraborty, Chief Customer Officer at Ayasdi, will provide a tactical framework to become a truly intelligent enterprise, including how to identify the right applications for AI, how to build a Center of Excellence to ...
Consumers increasingly expect their electronic "things" to be connected to smart phones, tablets and the Internet. When that thing happens to be a medical device, the risks and benefits of connectivity must be carefully weighed. Once the decision is made that connecting the device is beneficial, medical device manufacturers must design their products to maintain patient safety and prevent compromised personal health information in the face of cybersecurity threats. In his session at @ThingsExpo...
From 2013, NTT Communications has been providing cPaaS service, SkyWay. Its customer’s expectations for leveraging WebRTC technology are not only typical real-time communication use cases such as Web conference, remote education, but also IoT use cases such as remote camera monitoring, smart-glass, and robotic. Because of this, NTT Communications has numerous IoT business use-cases that its customers are developing on top of PaaS. WebRTC will lead IoT businesses to be more innovative and address...
Everything run by electricity will eventually be connected to the Internet. Get ahead of the Internet of Things revolution and join Akvelon expert and IoT industry leader, Sergey Grebnov, in his session at @ThingsExpo, for an educational dive into the world of managing your home, workplace and all the devices they contain with the power of machine-based AI and intelligent Bot services for a completely streamlined experience.
Because IoT devices are deployed in mission-critical environments more than ever before, it’s increasingly imperative they be truly smart. IoT sensors simply stockpiling data isn’t useful. IoT must be artificially and naturally intelligent in order to provide more value In his session at @ThingsExpo, John Crupi, Vice President and Engineering System Architect at Greenwave Systems, will discuss how IoT artificial intelligence (AI) can be carried out via edge analytics and machine learning techn...
FinTechs use the cloud to operate at the speed and scale of digital financial activity, but are often hindered by the complexity of managing security and compliance in the cloud. In his session at 20th Cloud Expo, Sesh Murthy, co-founder and CTO of Cloud Raxak, showed how proactive and automated cloud security enables FinTechs to leverage the cloud to achieve their business goals. Through business-driven cloud security, FinTechs can speed time-to-market, diminish risk and costs, maintain continu...
SYS-CON Events announced today that GrapeUp, the leading provider of rapid product development at the speed of business, will exhibit at SYS-CON's 21st International Cloud Expo®, which will take place October 31-November 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. Grape Up is a software company, specialized in cloud native application development and professional services related to Cloud Foundry PaaS. With five expert teams that operate in various sectors of the market acr...
Existing Big Data solutions are mainly focused on the discovery and analysis of data. The solutions are scalable and highly available but tedious when swapping in and swapping out occurs in disarray and thrashing takes place. The resolution for thrashing through machine learning algorithms and support nomenclature is through simple techniques. Organizations that have been collecting large customer data are increasingly seeing the need to use the data for swapping in and out and thrashing occurs ...