Firefox OS/Performance/Responsiveness
< Firefox OS | Performance
Jump to navigation
Jump to search
Firefox OS Performance: Responsiveness
Mozilla's program for advancing Firefox OS responsiveness and perceived performance.
Owner
Eli Perelman, :Eli
Application Startup
Stages
| Stage | Description |
| App Chrome Visible | The wireframe of the application is visible, e.g. headers, footers, or navigation elements. |
| App Content Visible | The initial 'above-the-fold' content is displayed and has completed rendering. |
| App Interaction Ready | The core subset of user interaction is ready to be performed, e.g. scrolling, navigation. |
| App Content Ready | The entire application has its remaining content loaded and ready for interaction. |
Goals
| App Cold Launch | |
| Speed | Action |
| 0 - 140ms | App's icon shows it has been touched. |
| 0 - 1.0s | App's launch animation is started and completed. |
| 0 - 1.0s | App's wireframe, e.g. banner and controls, are loaded and visible. |
| 0 - 1.0s | App's visible content or a loading indicator must be displayed. |
| 0 - 1.25s | App is ready for user interactions, e.g. touch, scroll, etc. |
The above times are cumulative, so app icon touch to app interaction ready is expected to occur within 1.25s.
References
Videos
- Fluent 2014: Ilya Grigorik, "Speed, Performance, and Human Perception"
- Fluent 2014: Steve Souders, "The Perception of Speed"
- SXSW 2012: Andy Hume: "CSS for Grownups"
Documents
- Cognitive Biases
- Cognitive Load: The latest behavioral economics & consumer psychology research distilled down into helpful little brain gems.
- CSS
- High Performance Web Sites (Steve Souders)
- Jank-free Web
- Perceived Performance Introduction
- Tarako Responsive Performance Analysis