Firefox OS/Performance/App Performance Validation: Difference between revisions

(Created page with "This page outlines a simple process for manually auditing and improving the performance of an app. Section listed first have a higher priority. This means that for example fi...")
 
Line 6: Line 6:


'''What does it mean''': Over-invalidation means that we're repainting content that isn't changing. This leads to higher CPU usage & bandwidth.
'''What does it mean''': Over-invalidation means that we're repainting content that isn't changing. This leads to higher CPU usage & bandwidth.
'''Verification Steps''':
'''Verification Steps''':
* In the Developer menu turn on 'Flash repainted area'.
* Perform all common interaction with the app. Look for areas of the page that are flashing but where the content hasn't changed. Here are some example:
{|
|[[File:Invalidation_demo1.gif|center|frame|Good: GIF invalidates every frame, links invalidates on mouse over because of style change. Static content is not repainted]]
|[[File:Invalidation_demo2.gif|center|frame|Good: When scrolling, new content is painted but it doesn't repaint once on the screen.]]
|-
|[[File:Invalidation_demo3.gif|center|frame|Bad: Clicking repaints the whole page.]]
|}
Confirmed users
336

edits