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