Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Performance Testing And Optmization Workshop

151 views

Published on

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/

Published in: Software
  • Be the first to comment

  • Be the first to like this

Performance Testing And Optmization Workshop

  1. 1. PERFORMANCEPERFORMANCE TESTING ANDTESTING AND OPTIMIZATIONOPTIMIZATION Diego CardozoDiego Cardozo Sr. Web Performance Engineer, NetSuite JSConfUY 2016 @diecard
  2. 2. The best part aboutThe best part about studying performance isstudying performance is how much you learn abouthow much you learn about technology in generaltechnology in general
  3. 3. DisclaimerDisclaimer Performance === SpeedPerformance === Speed LoadLoad StressStress CapacityCapacity In other words, this workshop is aboutIn other words, this workshop is about making the web fastmaking the web fast
  4. 4. MeasureMeasure OptimizeOptimize PerformancePerformance
  5. 5. MeasureMeasure PingdomPingdom PageSpeed InsightsPageSpeed Insights ngrokngrok WebPagetestWebPagetest sitespeed.iositespeed.io GTMetrixGTMetrix
  6. 6. OptimizeOptimize www.diegocard.com/web-performance-workshop
  7. 7. ResourcesResources 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. 8. MeasureMeasure OptimizeOptimize PerformancePerformance
  9. 9. Questions?Questions? diegocard@gmail.comdiegocard@gmail.com slides.com/diegocard/jsconf16slides.com/diegocard/jsconf16 github.com/diegocardgithub.com/diegocard twitter.com/diecardtwitter.com/diecard

×