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
130
Dashboard Performance Brownbag
Ben Sheldon
February 25, 2015
Tweet
Share
More Decks by Ben Sheldon
See All by Ben Sheldon
Performance Starts at Boot
bensheldon
0
14
Accessibility, Performance, Prioritization
bensheldon
0
4
Incident Command
bensheldon
0
4
An ok compromise: Faster development by designing for the Rails Autoloader
bensheldon
1
230
Bridging People and Benefits Systems
bensheldon
0
340
Keeping Users at the Forefront While Scaling Services
bensheldon
0
180
Why Ben ❤️s Vanity for running A/B Tests
bensheldon
0
100
All about Backbone.js
bensheldon
0
88
Real World Dashboard
bensheldon
0
230
Featured
See All Featured
Designing for Performance
lara
610
69k
Music & Morning Musume
bryan
46
7k
Into the Great Unknown - MozCon
thekraken
40
2.2k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.8k
The Invisible Side of Design
smashingmag
302
51k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1k
KATA
mclloyd
PRO
32
15k
Raft: Consensus for Rubyists
vanstee
140
7.2k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
The Cult of Friendly URLs
andyhume
79
6.7k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
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