Web performance tools @ WebPerf.camp 2016

Transcript

1. WEB PERF CAMP PROJECT DATE CLIENT JULY 10, 2016 WEB PERFORMANCE TOOLS 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, <picture>-fill Delivery, CDNs, FEO
4. WPO ANALYSIS AND MONITORING FINDING PROBLEMS
5. RULES & BEST PRACTICES YSLOW, PAGESPEED INSIGHTS, SHOWSLOW, GTMETRICS
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 BOOMERANG JS
10. BROWSER PROFILING CHROME DEV TOOLS
11. OPTIMIZATION SPEEDING THINGS UP
12. BUILD PROCESS GRUNT, GULP & CO Combine, minify JS & CSS Manage URLs (CDNs, cache) Modular JS, OOCSS Optimize images grunt-contrib-compass grunt-contrib-requirejs
13. BUILD PROCESS EMBED QUALITY TESTING grunt-perfbudget
14. IMAGE OPTIMIZATION JPEGMINI, COMPRESSOR.IO & CO
15. PAGE LOADING IMAGES, SCRIPTS, ETC <picture>-fill Require.JS Lazy loaders
16. GZIP, CACHE, CDN & FEO MOD_PAGESPEED, VARNISH, CDN
17. @SERGEYCHE SERGEYCHERNYSHEV.COM SERGEY.CHERNYSHEV@GMAIL.COM