• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Dion Almaer

Software, Development, Products

  • @dalmaer
  • LinkedIn
  • Medium
  • RSS
  • Show Search
Hide Search

The Goldilocks of Performance

December 29, 2015 Leave a Comment


I enjoy the opportunity to see family and friends over the winter break, and two conversations that I had back to back made me feel like I was in the goldilocks story.

Frontend Good, Backend Poor

I was reminiscing with a former colleague about The Old Times. We got onto the topic of a particular project where we were responsible for the frontend development but didn’t own the backend services. Between you and I, those services were fragile and unresponsive. Measurements could come back in the seconds.

What could we do about it? Well, we ended up building a tier in front of these services and doing everything we could to cache data as close to the client as possible. As you well know, caching is one of the Two Hard Things, so it brought pain upon us, but we had to do it. We had folks arguing about “Akamai Sandwiches” and all kinds of architectural contortions to squeeze the perception of performance for our end users.

We had to go through and meticulously think through each flow and decide what we truly had to wait for. This ends up with a system such as hapi’s catbox, where you can easily declare the policy of downstream services.

For example, imagine a product details screen for an ecommerce service. Do you really need to wait for all of the information on that screen before sending anything to the user? Is all of the information equally important? Of course not. Not only isn’t it equally important, but the level of staleness that you are willing to allow for is different. You want the price to be up to date, but does it matter if the absolute latest review comes back? No. This type of work can actually go nicely hand in hand with your general information architecture and UX.

The front end team had great pride on their performance. Profilers were always running. It was a touch gutting to use the system and see the latency in your face. How can we get people to really care about this?

The side by side comparison was always a great tool of choice to get the message across. On the data side we could show an increase in conversion for faster responses, but then you come with with the sucker punch. We would record a video where on one side you would see the app working against mocks with sensible response times, and next to these the same experience would hit the “real” services. I highly recommend the side by side comparison as it will kick in a distinction bias in the person you are trying to persuade.

So, that was an example where the frontend out performed the backend, but it could only fix the experience to a certain point 🙁

Backend Good, Frontend Poor

The other extreme is equally possible. Another friend was showing me a backend CMS system that had two frontends developed by separate teams. The average responsive time for the end user was double for one site versus the other, and they were very comparable sites.

This was a case study that Steve Souders would be proud of. The backend could sling that 200 back all nice and fast, but the front end performance varied. If you fire up Chrome DevTools you quickly see a slew of errors: loading JS in the wrong black, a lack of async/defer, and way too much being sent to the client on every page. Ouch.

RAILing on Performance

In the past there has been a large focus on initial load / paint with web performance. We are now seeing other areas of focus, as shown by examples such as RAIL, the “user centric performance model”.

Now, some people complain that each of those areas shouldn’t be considered equal (“Loading is much more important than animation!”), but it is fantastic to see the push to truly polish and perfect your work.

It is important for us to get past “load” as we have all been on those janky pages. The ones where a hamburger menu is there but it feels wonky. Scroll effects are strange. It looks like someone is trying to “copy” native but its just worse. If we want the Web to deliver more than simple content, then we need to nail the entirety of RAIL.

We want to be a smarter goldilocks and deliver the overall experience that is truly just right.

p.s. care about performance? did you check out the holiday perf calendar again this year?

Share this:

  • Twitter
  • Facebook

Tagged With: JavaScript, Performance, Web Development

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Twitter

My Tweets

Recent Posts

  • Generative AI: It’s Time to Get Into First Gear
  • Developer Docs + GenAI = ❤️
  • We keep confusing efficacy for effectiveness
  • The holy grail of a Web SDK
  • The rise of the extensible app platforms

Follow

  • LinkedIn
  • Medium
  • RSS
  • Twitter

Tags

3d Touch 2016 Active Recall Adaptive Design Agile Amazon Echo Android Android Development Apple Application Apps Artificial Intelligence Autocorrect blog Bots Brain Calendar Career Advice Cloud Computing Coding Cognitive Bias Commerce Communication Companies Conference Consciousness Cooking Cricket Cross Platform Deadline Delivery Design Desktop Developer Advocacy Developer Experience Developer Platform Developer Productivity Developer Relations Developers Developer Tools Development Distributed Teams Documentation DX Ecosystem Education Energy Engineering Engineering Mangement Entrepreneurship Exercise Family Fitness Founders Future GenAI Gender Equality Google Google Developer Google IO Habits Health HR JavaScript Jobs Jquery Kids Stories Kotlin Language Leadership Learning Lottery Machine Learning Management Messaging Metrics Micro Learning Microservices Microsoft Mobile Mobile App Development Mobile Apps Mobile Web Moving On NPM Open Source Organization Organization Design Pair Programming Paren Parenting Path Performance Platform Platform Thinking Politics Product Design Product Development Productivity Product Management Product Metrics Programming Progress Progressive Enhancement Progressive Web App Project Management Psychology Push Notifications pwa QA Rails React Reactive Remix Remote Working Resilience Ruby on Rails Screentime Self Improvement Service Worker Sharing Economy Shipping Shopify Short Story Silicon Valley Slack Software Software Development Spaced Repetition Speaking Startup Steve Jobs Study Teaching Team Building Tech Tech Ecosystems Technical Writing Technology Tools Transportation TV Series Twitter Typescript Uber UI Unknown User Experience User Testing UX vitals Voice Walmart Web Web Components Web Development Web Extensions Web Frameworks Web Performance Web Platform WWDC Yarn

Subscribe via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Archives

  • January 2023
  • September 2022
  • June 2022
  • May 2022
  • April 2022
  • March 2022
  • February 2022
  • November 2021
  • August 2021
  • July 2021
  • February 2021
  • January 2021
  • May 2020
  • April 2020
  • October 2019
  • August 2019
  • July 2019
  • June 2019
  • April 2019
  • March 2019
  • January 2019
  • October 2018
  • August 2018
  • July 2018
  • May 2018
  • February 2018
  • December 2017
  • November 2017
  • September 2017
  • August 2017
  • July 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • December 2016
  • November 2016
  • October 2016
  • September 2016
  • August 2016
  • July 2016
  • June 2016
  • May 2016
  • April 2016
  • March 2016
  • February 2016
  • January 2016
  • December 2015
  • November 2015
  • October 2015
  • September 2015
  • August 2015
  • July 2015
  • June 2015
  • May 2015
  • April 2015
  • March 2015
  • February 2015
  • January 2015
  • December 2014
  • November 2014
  • October 2014
  • September 2014
  • August 2014
  • July 2014
  • June 2014
  • May 2014
  • April 2014
  • March 2014
  • February 2014
  • December 2013
  • November 2013
  • October 2013
  • September 2013
  • August 2013
  • July 2013
  • June 2013
  • May 2013
  • April 2013
  • March 2013
  • February 2013
  • December 2012
  • November 2012
  • October 2012
  • September 2012
  • August 2012

Search

Subscribe

RSS feed RSS - Posts

The right thing to do, is the right thing to do.

The right thing to do, is the right thing to do.

Dion Almaer

Copyright © 2023 · Log in