|
|
| Line 5: |
Line 5: |
| Eli Perelman, :Eli | | Eli Perelman, :Eli |
|
| |
|
| ==Application Startup== | | ==Responsive Guidelines for Application Startup== |
| * [[B2G/Performance/UserStories|User Interaction Stories]]
| |
|
| |
|
| ====Stages====
| | https://developer.mozilla.org/en-US/Apps/Build/Performance/Firefox_OS_app_responsiveness_guidelines |
| {| class="wikitable fullwidth-table"
| |
| | '''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====
| |
| {| class="wikitable fullwidth-table"
| |
| | '''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== | | ==References== |