Web Performance in 2017

Link to Slides: https://docs.google.com/presentation/d/1gq-QQHNj-E7Fzpy1XHNyad1EntXsmIaz6PHWhwSkLoI/edit?usp=sharing

A lot is happening in the world of web performance. The rapidly-evolving specs surrounding networking, browsers, HTML, CSS, and Javascript are bringing many performance improvements, and this session will cover big things to look out for in 2017.

The session will mostly cover general front-end performance concerns, but no worries, I will showcase Drupal 8 projects and techniques for each particular topic area with a few turnkey options ready to go.

Audience

Attendees should be passionate about web performance and comfortable with web development technology and tooling. If you use browser dev tools, web performance testing systems like Google PageSpeed Insights or WebPageTest, and plan to make performance-related improvements to your web site(s) in 2017, this session is for you.

Outcome

Faster websites :)

My goal is to help attendees leave excited and informed about tackling web performance. There is a lot of information out there, lots of things involved, and I hope to cut through a lot of it and provide guidance on what works and how to apply it.

General outline

Measurement

• WebPageTest
• Performance Budget
• Dev tool goodies
• Drupal 8 highlights

Networking (HTTP/Browsers)

• HTTP/2
• Headers
• Waterfall optimization
• Dev tool goodies
• Drupal 8 highlights

UI (HTML/CSS)

• Critical render path
• Fonts
• Dynamic/transformative styling
• Web Components
• Dev tool goodies
• Drupal 8 highlights

Code (JS)

• JS Asynchronous/lazy loading
• JS Transpiling and ES6+ browser support
• Packaging and minification
• Dev tool goodies
• Drupal 8 highlight