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.

1. TOOLS OF THE TRADE
SERGEY CHERNYSHEV
NY WEB PERFORMANCE MEETUP
PROJECT
DATE AUGUST 28, 2014 CLIENT

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. Combine, minify JS & CSS!
Manage URLs (CDNs, cache)!
Modular JS, OOCSS!
Optimize images!
!
grunt-compass!
grunt-requirejs
BUILD PROCESS
GRUNT & CO

13. grunt-perfbudget
BUILD PROCESS
EMBED QUALITY TESTING

14. IMAGE
OPTIMIZATION
JPEGMINI & CO

15. picturefill!
Require.JS!
Lazy loaders
PAGE LOADING
IMAGES, SCRIPTS, ETC

16. GZIP, CACHE, CDN & FEO
MOD_PAGESPEED, AKAMAI,
FASTLY, RADWARE! YOTTAA,
CLOUD FRONT & ETC.

17. @SERGEYCHE
SERGEYCHERNYSHEV.COM
SERGEY.CHERNYSHEV@GMAIL.COM