The document outlines best practices and tools for web performance optimization. It discusses analyzing performance using synthetic and real user monitoring tools, following optimization rules and best practices from sources like Google PageSpeed Insights, and improving performance through techniques such as image optimization, lazy loading, and delivery methods like CDNs and server-side optimizations. The document also provides contact information for Sergey Chernyshev, the presenter on web performance tools and techniques.

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