生死大营救！农耕机“咬人” 医护、消防紧急联动

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 pro?lers Optimization Build tools Image optimization AMD, picture?lll 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 [email protected]