Building a Better Web
June 11–12, 2018: Training
June 12–14, 2018: Tutorials & Conference
San Jose, CA

In-Person Training
Debugging frontend performance

Tim Kadlec (Independent), Gareth Hughes (Akamai), Michael Gooding (Akamai)
Monday, June 11 & Tuesday, June 12, 9:00am - 5:00pm
Location: 212 D

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.

Join Tim Kadlec, Gareth Hughes, and Michael Gooding to learn how to load the progressive web faster and get hands-on experience with the newest performance techniques. You'll cover the foundational browser concepts on the first day, particularly relating to performance and optimization; then, on the second day, you'll learn how to implement and optimize a progressive web app (PWA).

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

By the end of this two-day training, you’ll understand:

  • How browsers load content (from the network through to the browser’s parser and rendering engines)
  • How to guarantee the user experience when let down by the network or your third parties using progressive web apps

And you’ll be able to:

  • Measure performance using the latest tools and techniques
  • Measure performance of your PWA beyond load times
  • Optimize delivery and content of your application

This training is for you because...

  • You're a web developer interested in learning how optimizations all across the web stack can be leveraged to improve the user experience (and how to understand and measure that experience).
  • You're responsible for building web or mobile applications and have built or are considering building a PWA.
  • You're involved in the ownership or delivery of any mobile web strategy and want to improve the bottom line through improved performance.

Prerequisites:

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

PWAs have arrived as a viable alternative to native apps, and if you haven’t already implemented one, 2018 should be the year when you seriously consider it. However, implementing a PWA does not always guarantee a fast-loading application or a great user experience.

Join Tim Kadlec, Gareth Hughes, and Michael Gooding to learn how to load the progressive web faster and get hands-on experience with the newest performance techniques. You’ll cover the foundational browser concepts on the first day, particularly relating to performance and optimization; then, on the second day, you’ll learn how to implement and optimize a progressive web app (PWA) by applying optimizations to a sample PWA.

Topics include:

  • How browsers work
  • How network protocols work
  • How the browser parses, loads, and renders content
  • How to measure the performance of the user experience
  • How best to optimize all aspects of the loading process
  • Features of a progressive web app
  • Performance techniques such as advanced image optimization, service workers, and more

Outline

Day 1

  • Background on browsers, how they work, and how pages load
  • Measuring performance
  • TCP performance and optimizations
  • TLS performance
  • HTTP/2

Day 2

  • How and what to measure for a PWA
  • Optimize the app startup
  • Optimize within the app
  • Improve the user experience

About your instructors

Photo of Tim Kadlec

Tim Kadlec is a performance consultant and trainer focused on building a web everyone can use. He is the author of High Performance Images and Implementing Responsive Design: Building Sites for an Anywhere, Everywhere Web and was a contributing author for Smashing Book #4: New Perspectives on Web Design and the Web Performance Daybook: Volume 2. He writes about all things web at Timkadlec.com.

Twitter for tkadlec
Photo of Gareth Hughes

Gareth Hughes is a web performance enterprise architect at Akamai, where he advises customers on how to improve site performance at the frontend. Gareth has worked in web performance for more than six years and has a background in development, IT, and operations.

Twitter for brassic_lint

Michael Gooding is a web performance evangelist for Akamai Technologies, where he helps customers identify performance bottlenecks and solves often complex problems. With 10 years’ experience in the IT industry, Michael started professional life as a developer but moved into consultancy when performance issues started to become the norm and not the exception. Previously, he worked for the NCC Group (formerly Site Confidence), helping customers from all industries improve the performance of their sites. Michael is constantly researching latest optimizations trends and current techniques and sits on the organizing committee of the London Web Performance Group. Michael has found himself becoming more and more impatient as he gets older, which fuels his desire for a faster web experience.

Twitter for Michael_G_81

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

Picture of Michael Gooding
Michael Gooding | WPO EVANGELIST
06/14/2018 5:04am PDT

not sure if the upload is working, you can access here:

https://speakerdeck.com/mgooding1981/optimising-pwa-performance

Picture of Michael Gooding
Michael Gooding | WPO EVANGELIST
06/14/2018 4:59am PDT

Likewise from day 2, should be up soon.

Picture of Tim Kadlec
Tim Kadlec | PERFORMANCE CONSULTANT
06/13/2018 10:26am PDT

@Nancy—Thanks for the kind words! I’m glad you enjoyed it. :) I’ve uploaded my slides and they should show up on this page in a few minutes. If they don’t, I’ll message O’Reilly to see what’s up.

I’ll also bother Gareth and Michael about adding theirs.

Nancy Huang | SDE
06/13/2018 4:26am PDT

This was an awesome workshop! Is there any place where we can get copies of the slides?

Kamal Singh | SOFTWARE DEVELOPER
06/04/2018 9:49pm PDT

@GarethH,
Perfect, thanks.

Picture of Gareth Hughes
Gareth Hughes | ENTERPRISE ARCHITECT
06/04/2018 9:12pm PDT

@Kamal – You will just need a laptop with Chrome, SSH Client, text/code editor & an AWS account (free tier is fine)

Kamal Singh | SOFTWARE DEVELOPER
06/04/2018 8:48pm PDT

Hi

Are there any minimum requirements regarding software for this training?

Thanks