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
   

   View Slide

2. APM & LOAD TESTING
   SCALE VS SPEED
   

   View Slide

3. WPO Tools
   Performance Analysis
   
   Rules & Best Practices
   
   Synthetic
   
   RUM
   
   Browser profilers
   
   Optimization
   
   Build tools
   
   Image optimization
   
   AMD, picturefilll
   
   Delivery, CDNs, FEO
   

   View Slide

4. WPO ANALYSIS
   AND MONITORING
   FINDING PROBLEMS
   

   View Slide

5. RULES & BEST PRACTICES
   YSLOW, PAGESPEED INSIGHTS, SHOWSLOW
   

   View Slide

6. RULES &
   BEST
   PRACTICES
   GOOGLE
   PAGE SPEED
   INSIGHTS SERVICE
   

   View Slide

7. SYNTHETIC TESTING
   WEBPAGETEST.ORG
   

   View Slide

8. TRACK
   METRICS
   OVER TIME
   SHOWSLOW
   

   View Slide

9. RUM
   REAL USER MEASUREMENT
   

   View Slide

10. BROWSER PROFILING
    DYNATRACE AJAX, CHROME DEV TOOLS
    

    View Slide

11. OPTIMIZATION
    SPEEDING THINGS UP
    

    View Slide

12. BUILD PROCESS
    GRUNT & CO
    Combine, minify JS & CSS!
    Manage URLs (CDNs, cache)!
    Modular JS, OOCSS!
    Optimize images!
    !
    grunt-compass!
    grunt-requirejs
    

    View Slide

13. BUILD PROCESS
    EMBED QUALITY TESTING
    grunt-perfbudget
    

    View Slide

14. IMAGE
    OPTIMIZATION
    JPEGMINI & CO
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide