Building a Better Web
June 19–20, 2017: Training
June 20–22, 2017: Tutorials & Conference
San Jose, CA

In-Person Training
Debugging frontend performance

Tim Kadlec (Snyk), Patrick Meenan (Google)
Monday, June 19 & Tuesday, June 20, 9:00am – 5:00pm
Performance Matters
Location: 211 A/B
Average rating: *****
(5.00, 3 ratings)

Participants should plan to attend both days of this 2-day training course. Platinum and Training passes do not include access to tutorials on Tuesday.

Tim Kadlec and Patrick Meenan explain how the construction of websites and applications impacts performance as well as how to quickly debug and resolve performance issues. Tim and Patrick dive into how browsers work, how web pages are delivered, backend and frontend issues, optimizations, and techniques to get the best performance and provide hands-on experience for working on web performance.

What you'll learn, and how you can apply it

  • Learn how the construction of websites and applications impacts performance as well as how to quickly debug and resolve performance issues

Prerequisites:

  • A basic understanding of web development (HTML, CSS, and JavaScript)

Hardware and/or installation requirements:

  • A WiFi-enabled laptop with Chrome installed

There are many aspects to delivering and maintaining a fast web experience for users. Tim Kadlec and Patrick Meenan explain how the construction of websites and applications impacts performance as well as how to quickly debug and resolve performance issues. Tim and Patrick dive into how browsers work, how web pages are delivered, backend and frontend issues, optimizations, and techniques to get the best performance and provide hands-on experience for working on web performance.

The training will be a combination of instructional material and hands-on exercises. You’ll learn how to integrate performance into your development culture and make it part of your development cycle from development through release and into maintenance.

Topics include:

  • A deep understanding of how browsers load and render content
  • How to use browser developer tooling and online tools (like WebPagetest) to identify and diagnose web performance issues/opportunities
  • How to identify and resolve frontend single points of failure
  • How new technologies impact web performance (HTTP/2, service workers, resource hints, etc.)
  • How to effectively use synthetic and real-user performance monitoring
  • How to integrate performance budgeting and testing into your development process to catch issues quickly

Outline

Day 1:

  • Background on browsers: How they work and how pages load (90 minutes)
  • Break (30 minutes)
  • Background on browsers continued (90 minutes)
    *Lunch (60 minutes)
  • Measuring performance (90 minutes)
  • Break (30 minutes)
  • Frontend single points of failure (45 minutes)
  • Service workers (45 minutes)

Day 2:

  • Dev tools (90 minutes)
  • Break (30 minutes)
  • Interactive performance (90 minutes)
  • Lunch (60 minutes)
  • TLS performance (45 minutes)
  • HTTP/2 (45 minutes)
  • Break (30 minutes)
  • Continuous integration (90 minutes)

About your instructors

Photo of Tim Kadlec

Tim Kadlec is the head of developer relations at Snyk, a company focused on making open source code more secure. He is the author of Implementing Responsive Design: Building Sites for an Anywhere, Everywhere Web (New Riders) and was a contributing author for High Performance Images (O’Reilly), Smashing Book #4: New Perspectives on Web Design, and Web Performance Daybook Volume 2 (O’Reilly). He writes sporadically at Timkadlec.com.

Twitter for tkadlec
Photo of Patrick Meenan

Patrick Meenan has been working on web performance in one form or another for the last 15 years and is currently working at Google to make Chrome and the web faster. Patrick created the popular open source WebPagetest web performance measurement tool, runs the free instance of it at WebPagetest.org, and can frequently be found in the forums helping site owners understand and improve their website performance.

Twitter for PatMeenan

Conference registration

Get the Platinum pass or the Training pass to add this course to your package.

Comments on this page are now closed.

Comments

Tanweer Shaikh | ENGINEERING MANAGER
07/03/2017 6:32am PDT

Thanks Patrick

Picture of Patrick Meenan
Patrick Meenan | SOFTWARE ENGINEER
06/22/2017 1:26am PDT

Sorry, slides should be fixed now. The site was trying to load it as a relative url.

In case the link stil isn’t working, you can get them here

Tanweer Shaikh | ENGINEERING MANAGER
06/22/2017 1:20am PDT

Not able to view the slides thru the link “view slides”