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.

Tools of the trade 2014

1,690 views

Published on

A look at various tools that are used for Web Performance Optimization in 2014.

This is an update since the first talk given at NY Web Performance Meetup in 2009.

Published in: Technology
  • Be the first to comment

Tools of the trade 2014

  1. 1. TOOLS OF THE TRADE SERGEY CHERNYSHEV NY WEB PERFORMANCE MEETUP PROJECT DATE AUGUST 28, 2014 CLIENT
  2. 2. APM & LOAD TESTING SCALE VS SPEED
  3. 3. WPO Tools Performance Analysis Rules & Best Practices Synthetic RUM Browser profilers Optimization Build tools Image optimization AMD, picturefilll Delivery, CDNs, FEO
  4. 4. WPO ANALYSIS AND MONITORING FINDING PROBLEMS
  5. 5. RULES & BEST PRACTICES YSLOW, PAGESPEED INSIGHTS, SHOWSLOW
  6. 6. RULES & BEST PRACTICES GOOGLE PAGE SPEED INSIGHTS SERVICE
  7. 7. SYNTHETIC TESTING WEBPAGETEST.ORG
  8. 8. TRACK METRICS OVER TIME SHOWSLOW
  9. 9. RUM REAL USER MEASUREMENT
  10. 10. BROWSER PROFILING DYNATRACE AJAX, CHROME DEV TOOLS
  11. 11. OPTIMIZATION SPEEDING THINGS UP
  12. 12. Combine, minify JS & CSS! Manage URLs (CDNs, cache)! Modular JS, OOCSS! Optimize images! ! grunt-compass! grunt-requirejs BUILD PROCESS GRUNT & CO
  13. 13. grunt-perfbudget BUILD PROCESS EMBED QUALITY TESTING
  14. 14. IMAGE OPTIMIZATION JPEGMINI & CO
  15. 15. picturefill! Require.JS! Lazy loaders PAGE LOADING IMAGES, SCRIPTS, ETC
  16. 16. GZIP, CACHE, CDN & FEO MOD_PAGESPEED, AKAMAI, FASTLY, RADWARE! YOTTAA, CLOUD FRONT & ETC.
  17. 17. @SERGEYCHE SERGEYCHERNYSHEV.COM SERGEY.CHERNYSHEV@GMAIL.COM

×