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

Firefox OS/Performance/App Performance Validation (view source)

363 bytes added , 23 July 2014

Confirmed users

336

edits

@@ Line 98: / Line 98: @@
 '''What does it mean''':
-Having a good layer tree means we can most changes without having to repaint the page. Think of a cartoons on the television like The Simpsons: Most cartoons will divide their scene into a few layer and will move the layers themselves instead of redrawing the scene for every frame of the cartoon. Using layers to perform animations means we can avoid redrawing the page every frame and can simple move these layers around.
+Having a good layer tree means we can perform most changes without having to repaint the page. Think of a cartoon on the television like The Simpsons: Most cartoons will divide their scene into a few layer and will move the layers themselves instead of redrawing the scene for every frame of the cartoon. Using layers to perform animations means we can avoid redrawing the page every frame and can simple move these layers around.
@@ Line 124: / Line 124: @@
 '''Debugging''':
 * Attach with the App Manager and tweak the structure and styles of the page to trigger the desired behavior.
+and
+* Get a display list dump. Build b2g with 'export B2G_DUMP_PAINTING=1' in your .userconfig. Set the preference 'user_pref("layout.display-list.dump", true);'.
+* Look for the display list dump for the particularly process at the moment of interest. It will contains a list of display items and their mappings between layers and their original frames.
 '''Creating/Destroying layers''':