Confirmed users
336
edits
(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.]] | |||
|} |