Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Tools of the trade 2014

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.

1e2ff8ee6ac0e790883b1cdc420f158d?s=128

Sergey Chernyshev

August 28, 2014
Tweet

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