New Perspectives On Web Design

(C. Jardin) #1
By Addy Osmani CHAPTER 6

Show Reasons for Compositing



  • Grab the WebKit nightlies.^20

  • Make sure to switch off “Use WebKit Web Inspector.”

  • Hit that shiny “Layers” button. Boom!

  • Reasons for layer promotion are displayed on hover.


The second is that you can display the number of times a layer was (re)
painted, helpful for understanding what parts of your page may be getting
excessively painted due to behavior in your scripts.


Show Paint Counts of layers



  • Under Layers → Show composited layer borders.

  • Like Chrome, it displays layers promoted to a composite layer.

  • However, it also displays the number of times a layer was painted!


20 http://nightly.webkit.org/

Free download pdf