Training: June 20–21, 2016
Tutorials: June 21, 2016
Keynotes & Sessions: June 22–23, 2016
Santa Clara, CA

Unleashing the power within: A hands-on guide to browser developer tools

Dean Hume (Settled)
11:00am–12:30pm Tuesday, 06/21/2016
First time at Velocity Santa Clara, Performance for the people
Location: Ballroom AB Level: Beginner
Average rating: ****.
(4.67, 9 ratings)

Prerequisite knowledge

Attendees should have a basic understanding of web development and performance, although developers who have never even used Google Chrome as their browser will still be able to learn and follow along.

Materials or downloads needed in advance

Attendees should have the following browsers installed before coming to the conference:


This tutorial is for you because:

  • You are a web developer with some experience who wants to master the tools of the trade.
  • You are new to web development and need to learn more about development and debugging.
  • You are an engineer and want to learn how to automate the performance of your websites.

Just as great warriors must first master their weapons, developers need to master their developer tools. Did you know that the very browser you are using is capable of some pretty amazing things? Using the power of your browser, you can develop, debug, and diagnose issues with a few clicks of your mouse.

However, with great power comes great responsibility. Knowing how to use the developer tools is an important part of becoming a true warrior. Dean Hume teaches you exactly how to use the tools to become a better developer, one web page at a time. Dean walks you through the basics of Chrome Developer Tools before diving into some of the deeper aspects of the browser. You’ll leave knowing how to use developer tools in Chrome to improve web application performance and how to debug and diagnose problems quickly.

Topics include:

  • Building websites directly through the browser
  • Debugging JavaScript and CSS
  • Inspecting and editing elements in the DOM
  • Improving mobile website development
  • Debugging and working with service workers
  • How to performance audit your website
  • Understanding the timeline
  • Ensuring your website is 60 FPS
  • Additional plugins
Photo of Dean Hume

Dean Hume


Dean Hume is an author, Google Developer Expert, and all-around web performance geek. He regularly writes articles based on software development on his blog at