Tools of the trade 2014

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.

Transcript

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