Web performance tools @ WebPerf.camp 2016

225 views

Published on

Review of Web Performance tools kicking off WebPerf.camp 2016

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
225
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web performance tools @ WebPerf.camp 2016

  1. 1. WEB PERF CAMP PROJECT DATE CLIENT JULY 10, 2016 WEB PERFORMANCE TOOLS SERGEY CHERNYSHEV
  2. 2. APM & LOAD TESTING SCALE VS SPEED
  3. 3. WPO Tools Performance Analysis Rules & Best Practices Synthetic RUM Browser profilers Optimization Build tools Image optimization AMD, <picture>-fill Delivery, CDNs, FEO
  4. 4. WPO ANALYSIS AND MONITORING FINDING PROBLEMS
  5. 5. RULES & BEST PRACTICES YSLOW, PAGESPEED INSIGHTS, SHOWSLOW, GTMETRICS
  6. 6. RULES & BEST PRACTICES GOOGLE PAGE SPEED INSIGHTS SERVICE
  7. 7. SYNTHETIC TESTING WEBPAGETEST.ORG
  8. 8. TRACK METRICS OVER TIME SHOWSLOW
  9. 9. RUM REAL USER MEASUREMENT BOOMERANG JS
  10. 10. BROWSER PROFILING CHROME DEV TOOLS
  11. 11. OPTIMIZATION SPEEDING THINGS UP
  12. 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. 13. BUILD PROCESS EMBED QUALITY TESTING grunt-perfbudget
  14. 14. IMAGE OPTIMIZATION JPEGMINI, COMPRESSOR.IO & CO
  15. 15. PAGE LOADING IMAGES, SCRIPTS, ETC <picture>-fill Require.JS Lazy loaders
  16. 16. GZIP, CACHE, CDN & FEO MOD_PAGESPEED, VARNISH, CDN
  17. 17. @SERGEYCHE SERGEYCHERNYSHEV.COM SERGEY.CHERNYSHEV@GMAIL.COM

×