Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Dashboard Performance Brownbag
Search
Ben Sheldon
February 25, 2015
0
88
Dashboard Performance Brownbag
Ben Sheldon
February 25, 2015
Tweet
Share
More Decks by Ben Sheldon
See All by Ben Sheldon
An ok compromise: Faster development by designing for the Rails Autoloader
bensheldon
1
140
Bridging People and Benefits Systems
bensheldon
0
280
Keeping Users at the Forefront While Scaling Services
bensheldon
0
100
Why Ben ❤️s Vanity for running A/B Tests
bensheldon
0
86
All about Backbone.js
bensheldon
0
78
Real World Dashboard
bensheldon
0
150
What does a software engineer actually do?
bensheldon
1
150
RubyMotion Tech Talk
bensheldon
0
93
Nacis 2012: Nodetiles
bensheldon
0
50
Featured
See All Featured
Designing Experiences People Love
moore
138
23k
GitHub's CSS Performance
jonrohan
1030
460k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
42
9.2k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
GraphQLとの向き合い方2022年版
quramy
43
13k
Raft: Consensus for Rubyists
vanstee
136
6.6k
Building a Scalable Design System with Sketch
lauravandoore
459
33k
Designing the Hi-DPI Web
ddemaree
280
34k
Building Applications with DynamoDB
mza
90
6.1k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
28
2k
Keith and Marios Guide to Fast Websites
keithpitt
409
22k
Transcript
Pantheon Dashboard Purrrrrformance
Not good... but how bad is it?
Results, Behaviors, Perceptions, Process, Expectations ...performance is complicated
Goofus and Gallant • relies on brittle, monolithic api calls
• blocks UI for everything • expects async data updates • aligns API with product functions • loads UI progressively • refreshes data on demand
Goofus: relies on brittle, monolithic api calls
Goofus: blocks UI for everything
Goofus: expects async data updates
Gallant: aligns API with product functions
Gallant: loads UI progressively
Gallant: refreshes data on demand
• How functionality is experienced by users • How UI
elements experience lifecycle Product Architecture API Architecture Interface Architecture • How product entities are modeled • How entity interaction creates functionality • How API frequency/size/complexity affects systems • How UI maintains state