June 12–14, 2018: Tutorials & Conference
In-Person Training
Debugging frontend performance
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
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.
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.
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.
Conference registration
Get the Platinum pass or the Training pass to add this course to your package.
Comments on this page are now closed.
Sponsorship Opportunities
For exhibition and sponsorship opportunities, email fluent@oreilly.com
Partner Opportunities
For information on trade opportunities with O'Reilly conferences, email partners@oreilly.com
Contact Us
View a complete list of Fluent contacts
©2018, O'Reilly Media, Inc. • (800) 889-8969 or (707) 827-7019 • Monday-Friday 7:30am-5pm PT • All trademarks and registered trademarks appearing on oreilly.com are the property of their respective owners. • confreg@oreilly.com
Comments
not sure if the upload is working, you can access here:
https://speakerdeck.com/mgooding1981/optimising-pwa-performance
Likewise from day 2, should be up soon.
@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.
This was an awesome workshop! Is there any place where we can get copies of the slides?
@GarethH,
Perfect, thanks.
@Kamal – You will just need a laptop with Chrome, SSH Client, text/code editor & an AWS account (free tier is fine)
Hi
Are there any minimum requirements regarding software for this training?
Thanks