Welcome!

Java IoT Authors: Elizabeth White, Kevin Jackson, Yeshim Deniz, Liz McMillan, Ben Uher

Related Topics: Java IoT, Microservices Expo, Machine Learning , Agile Computing, Release Management , Apache

Java IoT: Article

Top Performance Mistakes: Supersized Content

Top performance mistakes when moving from test to production

Because of the efforts of people like Steve Souders, John Resig, Sergey Chernyshev, Paul Irish, ... a lot has changed when it comes to optimizing web site performance. Browser and Application Performance Vendors built tools to make Web Performance Optimization easier than ever before. Web Frameworks are optimized to generate better web pages.

However, looking at the following chart reminds us that best practices, conferences and tools alone didn't succeed and building optimized web sites is getting even harder. As can be seen, the main problem with modern web sites is the growing number of resources, the size of the content, and the declining user experience that results from the first two items:

Page Size and Number of Objects on an Average Page doubled over a period of 12 months

If your testing efforts are not focusing on these metrics, read this graph as: "Let's test and optimize our page size!"

You don't want to spend endless test cycles optimizing your applications' "business logic" performance when the major impact of page load times come from too much multi-media content, JavaScript files or content from third-party providers. To prevent this from surprising you, all it takes is testing your application from the perspective of your real end user. This enables you to prevent "super-sized" web pages from hitting the public web. In this blog I show some examples of why pages end up being too big and how to identify these problems before moving them to production.

Example #1: Too many resources
Have you ever analyzed the pages of your application using tools such as dynaTrace AJAX Edition, YSlow, Google Page Speed or SpeedOfTheWeb? The following example is taken from a blog I did last year analyzing the page performance of retail web sites. It shows how many resources are loaded for a single page and how loading that many resources from a large number of different domains comes with the additional cost of Connect and DNS time per domain.

Many websites do not follow Web Performance Optimization Best Practices leading to very long page load times

When we compare this to another online retail store, it becomes clear that there is a lot that can be achieved by optimizing resources loaded on the initial page visit.

Testing and optimizing web sites on resources can lead to 5 times faster page load time

It's clear that not every web site can be optimized like this - but there is a lot of room for improvement and there are lots of easy wins we can achieve. Whether it's merging JavaScript files or using CSS Sprites to reduce the number of images, any or all of these are steps that make sure your web pages won't get supersized.

The statistics shown at the beginning of this post clearly highlight that the average web site is growing in size and complexity. To avoid this, it takes a testing team that focuses on Key Performance Indicators (KPIs) such as # of Images, # of CSS Files, # of external domains, # of used JavaScript Frameworks ... The Best Practices are out there; so are the tools. Now it only takes effort to implement them.

The good news is that testing and verifying these KPIs can be automated and integrated in your continuous performance test process. This avoids manually looking over the results of every single tested page of your application. Here's what it takes to implement it:

  1. Testing Tools that use real browsers in order to test downloads of dynamic content, JavaScript Times, ...
  2. Browser Diagnostic tools that analyze tested pages based on these performance metrics
  3. A Smart Performance Repository that automatically alerts on performance regressions

The following screenshot shows what continuous testing on these KPIs looks like and how to identify regressions immediately by monitoring these metrics for every page and for every test:

Analyzing Key Performance Indicators for every tested page identify regressions early on

Example #2: Heavy Third-Party Content
As already highlighted in the first example, it's not only your own content that can blow up your pages. You probably rely on third-party content such as Ads, Social Platform Widges or Map Services. If that's the case you want to make sure that:

  • Your pages only load the third-party content that is really needed, e.g, global includes in web projects may load third-party content on pages where not necessary
  • You include this third-party party content in an optimized way, e.g., why provide an interactive world map when all you want to do is show a static image of your address?

Klaus Enzenhofer wrote a great blog about Third Party Content Management applied - where he highlights the impact of third-party content and also how to test it. The key message is that you need to understand what type of third-party content you really need, how much impact it has on your page load times, and how to optimize it. Klaus did some testing with Standard Google Maps vs. Static Maps and how this one change can optimize your page load time while still relying on third-party content. The following table shows the difference when using these two ways of including the Maps Services on your page:

KPI

Standard Google Maps

Static Google Maps

Difference in %

First Impression Time

493 ms

324 ms

-34%

Onload Time

473 ms

368ms

-22%

Total Load Time

1801 ms

700 ms

-61%

JavaScript Time

563 ms

0 ms

-100%

Number of Domains

6

1

-83%

Number of Resources

43

2

-95%

Total Pagesize

636 Kb

77 Kb

-88%

For measuring the overhead of third-party content simply take the same tools as explained in the previous example. The following shows the timeline view of dynaTrace where the overhead of Facebook and Google+ are easy to spot:

Analyze your page load times to spot slow third-party content

Call-to-Action
Let's make sure that all the great work that has been done to optimize web site performance is not just left to the browser vendors - they won't be able to speed up your web sites by building a new JavaScript engine or by allowing the browser to download more content on more parallel network connections. Keep the following list in mind:

  • Make sure that these Best Practices are enforced early in the development cycle as well as throughout your performance testing
  • Monitor the critical Key Performance Indicators to ensure that your web sites don't end up super-sized
  • Test using real browsers and don't exclusively rely on protocol-based performance testing

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.


@ThingsExpo Stories
It is one thing to build single industrial IoT applications, but what will it take to build the Smart Cities and truly society changing applications of the future? The technology won’t be the problem, it will be the number of parties that need to work together and be aligned in their motivation to succeed. In his Day 2 Keynote at @ThingsExpo, Henrik Kenani Dahlgren, Portfolio Marketing Manager at Ericsson, discussed how to plan to cooperate, partner, and form lasting all-star teams to change the...
SYS-CON Events announced today that LeaseWeb USA, a cloud Infrastructure-as-a-Service (IaaS) provider, will exhibit at the 19th International Cloud Expo, which will take place on November 1–3, 2016, at the Santa Clara Convention Center in Santa Clara, CA. LeaseWeb is one of the world's largest hosting brands. The company helps customers define, develop and deploy IT infrastructure tailored to their exact business needs, by combining various kinds cloud solutions.
The buzz continues for cloud, data analytics and the Internet of Things (IoT) and their collective impact across all industries. But a new conversation is emerging - how do companies use industry disruption and technology enablers to lead in markets undergoing change, uncertainty and ambiguity? Organizations of all sizes need to evolve and transform, often under massive pressure, as industry lines blur and merge and traditional business models are assaulted and turned upside down. In this new da...
SYS-CON Events announced today that Outlyer, a monitoring service for DevOps and operations teams, has been named “Bronze Sponsor” of SYS-CON's 20th International Cloud Expo®, which will take place on June 6-8, 2017, at the Javits Center in New York City, NY. Outlyer is a monitoring service for DevOps and Operations teams running Cloud, SaaS, Microservices and IoT deployments. Designed for today's dynamic environments that need beyond cloud-scale monitoring, we make monitoring effortless so you...
There are 66 million network cameras capturing terabytes of data. How did factories in Japan improve physical security at the facilities and improve employee productivity? Edge Computing reduces possible kilobytes of data collected per second to only a few kilobytes of data transmitted to the public cloud every day. Data is aggregated and analyzed close to sensors so only intelligent results need to be transmitted to the cloud. Non-essential data is recycled to optimize storage.
SYS-CON Events announced today that Conference Guru has been named “Media Sponsor” of SYS-CON's 20th International Cloud Expo, which will take place on June 6–8, 2017, at the Javits Center in New York City, NY. A valuable conference experience generates new contacts, sales leads, potential strategic partners and potential investors; helps gather competitive intelligence and even provides inspiration for new products and services. Conference Guru works with conference organizers to pass great dea...
“We're a global managed hosting provider. Our core customer set is a U.S.-based customer that is looking to go global,” explained Adam Rogers, Managing Director at ANEXIA, in this SYS-CON.tv interview at 18th Cloud Expo, held June 7-9, 2016, at the Javits Center in New York City, NY.
Data is the fuel that drives the machine learning algorithmic engines and ultimately provides the business value. In his session at Cloud Expo, Ed Featherston, a director and senior enterprise architect at Collaborative Consulting, discussed the key considerations around quality, volume, timeliness, and pedigree that must be dealt with in order to properly fuel that engine.
Data is the fuel that drives the machine learning algorithmic engines and ultimately provides the business value. In his session at 20th Cloud Expo, Ed Featherston, director/senior enterprise architect at Collaborative Consulting, will discuss the key considerations around quality, volume, timeliness, and pedigree that must be dealt with in order to properly fuel that engine.
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.
"Matrix is an ambitious open standard and implementation that's set up to break down the fragmentation problems that exist in IP messaging and VoIP communication," explained John Woolf, Technical Evangelist at Matrix, in this SYS-CON.tv interview at @ThingsExpo, held Nov 4–6, 2014, at the Santa Clara Convention Center in Santa Clara, CA.
Growth hacking is common for startups to make unheard-of progress in building their business. Career Hacks can help Geek Girls and those who support them (yes, that's you too, Dad!) to excel in this typically male-dominated world. Get ready to learn the facts: Is there a bias against women in the tech / developer communities? Why are women 50% of the workforce, but hold only 24% of the STEM or IT positions? Some beginnings of what to do about it! In her Day 2 Keynote at 17th Cloud Expo, Sandy Ca...
IoT is at the core or many Digital Transformation initiatives with the goal of re-inventing a company's business model. We all agree that collecting relevant IoT data will result in massive amounts of data needing to be stored. However, with the rapid development of IoT devices and ongoing business model transformation, we are not able to predict the volume and growth of IoT data. And with the lack of IoT history, traditional methods of IT and infrastructure planning based on the past do not app...
WebRTC services have already permeated corporate communications in the form of videoconferencing solutions. However, WebRTC has the potential of going beyond and catalyzing a new class of services providing more than calls with capabilities such as mass-scale real-time media broadcasting, enriched and augmented video, person-to-machine and machine-to-machine communications. In his session at @ThingsExpo, Luis Lopez, CEO of Kurento, introduced the technologies required for implementing these idea...
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.
Apache Hadoop is emerging as a distributed platform for handling large and fast incoming streams of data. Predictive maintenance, supply chain optimization, and Internet-of-Things analysis are examples where Hadoop provides the scalable storage, processing, and analytics platform to gain meaningful insights from granular data that is typically only valuable from a large-scale, aggregate view. One architecture useful for capturing and analyzing streaming data is the Lambda Architecture, represent...
SYS-CON Events announced today that delaPlex will exhibit at SYS-CON's @CloudExpo, which will take place on June 6-8, 2017, at the Javits Center in New York City, NY. delaPlex pioneered Software Development as a Service (SDaaS), which provides scalable resources to build, test, and deploy software. It’s a fast and more reliable way to develop a new product or expand your in-house team.
The explosion of new web/cloud/IoT-based applications and the data they generate are transforming our world right before our eyes. In this rush to adopt these new technologies, organizations are often ignoring fundamental questions concerning who owns the data and failing to ask for permission to conduct invasive surveillance of their customers. Organizations that are not transparent about how their systems gather data telemetry without offering shared data ownership risk product rejection, regu...
With major technology companies and startups seriously embracing IoT strategies, now is the perfect time to attend @ThingsExpo 2016 in New York. Learn what is going on, contribute to the discussions, and ensure that your enterprise is as "IoT-Ready" as it can be! Internet of @ThingsExpo, taking place June 6-8, 2017, at the Javits Center in New York City, New York, is co-located with 20th Cloud Expo and will feature technical sessions from a rock star conference faculty and the leading industry p...
The Internet of Things will challenge the status quo of how IT and development organizations operate. Or will it? Certainly the fog layer of IoT requires special insights about data ontology, security and transactional integrity. But the developmental challenges are the same: People, Process and Platform and how we integrate our thinking to solve complicated problems. In his session at 19th Cloud Expo, Craig Sproule, CEO of Metavine, demonstrated how to move beyond today's coding paradigm and sh...