Performance testing and optimization workshop

In this hands-on workshop attendees will learn how to take a web site or application, measure its loading time, identify performance issues and apply a wide array of modern performance optimization tools and techniques.

In the first part of this workshop we will start by taking a well-known live site and run a set of performance benchmarking tools. Attendees will be encouraged to follow along and together we will construct a list of potential performance issues.

In the second part we will take a different site constructed specifically for this workshop (hosted in GitHub) and we will apply different performance optimization techniques. Attendees will be able to download the site and apply these techniques themselves.

The only requirements to follow along are a laptop and a browser as all the performance optimization tools are available online and can be executed in-browser. If attendees do not have a laptop they will still be able to follow along as the instructor will implement each step himself, or work in pairs.

The full list of performance optimization tools and techniques to be presented can be found in the notes below.

Link to workshop: http://www.diegocard.com/web-performance-workshop/

Transcript

1. PERFORMANCE PERFORMANCE TESTING AND TESTING AND OPTIMIZATION OPTIMIZATION Diego Cardozo Diego Cardozo Sr. Web Performance Engineer, NetSuite JSConfUY 2016 @diecard
2. The best part about The best part about studying performance is studying performance is how much you learn about how much you learn about technology in general technology in general
3. Disclaimer Disclaimer Performance === Speed Performance === Speed Load Load Stress Stress Capacity Capacity In other words, this workshop is about In other words, this workshop is about making the web fast making the web fast
4. Measure Measure Optimize Optimize Performance Performance
5. Measure Measure Pingdom Pingdom PageSpeed Insights PageSpeed Insights ngrok ngrok WebPagetest WebPagetest sitespeed.io sitespeed.io GTMetrix GTMetrix
6. Optimize Optimize www.diegocard.com/web-performance-workshop
7. Resources Resources https://www.udacity.com/course/website-performance-optimization--ud884 https://developers.google.com/web/fundamentals/performance https://developers.google.com/speed/docs/insights http://www.slideshare.net/dcslides/how-to-test-performance-and-not-die-trying http://www.slideshare.net/dcslides/optimize-performance-and-not-die-trying https://www.youtube.com/watch?v=4uQMl7mFB6g Udacity/Google website performance optimization course Google Web Fundamentals: performance PageSpeed Insights guide How to test performance and not die trying How to optimize performance and not die trying The ServiceWorker: The network layer is yours to own
8. Measure Measure Optimize Optimize Performance Performance
9. Questions? Questions? diegocard@gmail.com diegocard@gmail.com slides.com/diegocard/jsconf16 slides.com/diegocard/jsconf16 github.com/diegocard github.com/diegocard twitter.com/diecard twitter.com/diecard