Web performance tools @ WebPerf.camp 2016

Sergey Chernyshev

July 10, 2016

Tweet Share

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[email protected]