project_path: /web/_project.yaml book_path: /web/shows/_book.yaml description: Colt stepped through the three pillars of performance: network, compute and render, providing a tour of the key problem in each area and the tools available for finding and eradicating them.

{# wf_updated_on: 2020-07-24 #} {# wf_published_on: 2015-02-23 #} {# wf_youtube_id: 8MMmg3bDOjc #} {# wf_blink_components: N/A #}

Tooling Techniques for the Performance Ninja {: .page-title }

<div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="8MMmg3bDOjc" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div>

Knowing your way around your development tools is key to becoming a performance expert. Colt stepped through the three pillars of performance: network, compute and render, providing a tour of the key problem in each area and the tools available for finding and eradicating them.

Slides

• You can now profile Chrome on Android with the DevTools you know and love from desktop.
• The iteration loop for performance work is: gather data, achieve insight, take action.
• Prioritize assets that are on the critical rendering path for your pages.
• Avoid painting; it’s super expensive.
• Avoid memory churn and executing code during critical times in your app.