tools of the trade 2014
DESCRIPTION
A look at various tools that are used for Web Performance Optimization in 2014. This is an update since the first talk given at NY Web Performance Meetup in 2009.TRANSCRIPT
![Page 1: Tools of the trade 2014](https://reader034.vdocuments.us/reader034/viewer/2022051610/5485120c5806b590588b46d8/html5/thumbnails/1.jpg)
NY WEB PERFORMANCE MEETUP
PROJECT
DATE CLIENTAUGUST 28, 2014
TOOLS OF THE TRADESERGEY CHERNYSHEV
![Page 2: Tools of the trade 2014](https://reader034.vdocuments.us/reader034/viewer/2022051610/5485120c5806b590588b46d8/html5/thumbnails/2.jpg)
APM & LOAD TESTINGSCALE VS SPEED
![Page 3: Tools of the trade 2014](https://reader034.vdocuments.us/reader034/viewer/2022051610/5485120c5806b590588b46d8/html5/thumbnails/3.jpg)
WPO ToolsPerformance Analysis
Rules & Best Practices
Synthetic
RUM
Browser profilers
Optimization
Build tools
Image optimization
AMD, picturefilll
Delivery, CDNs, FEO
![Page 4: Tools of the trade 2014](https://reader034.vdocuments.us/reader034/viewer/2022051610/5485120c5806b590588b46d8/html5/thumbnails/4.jpg)
WPO ANALYSIS AND MONITORINGFINDING PROBLEMS
![Page 5: Tools of the trade 2014](https://reader034.vdocuments.us/reader034/viewer/2022051610/5485120c5806b590588b46d8/html5/thumbnails/5.jpg)
RULES & BEST PRACTICESYSLOW, PAGESPEED INSIGHTS, SHOWSLOW
![Page 6: Tools of the trade 2014](https://reader034.vdocuments.us/reader034/viewer/2022051610/5485120c5806b590588b46d8/html5/thumbnails/6.jpg)
RULES & BEST PRACTICESGOOGLE PAGE SPEED INSIGHTS SERVICE
![Page 8: Tools of the trade 2014](https://reader034.vdocuments.us/reader034/viewer/2022051610/5485120c5806b590588b46d8/html5/thumbnails/8.jpg)
TRACK METRICS OVER TIMESHOWSLOW
![Page 9: Tools of the trade 2014](https://reader034.vdocuments.us/reader034/viewer/2022051610/5485120c5806b590588b46d8/html5/thumbnails/9.jpg)
RUMREAL USER MEASUREMENT
![Page 10: Tools of the trade 2014](https://reader034.vdocuments.us/reader034/viewer/2022051610/5485120c5806b590588b46d8/html5/thumbnails/10.jpg)
BROWSER PROFILINGDYNATRACE AJAX, CHROME DEV TOOLS
![Page 11: Tools of the trade 2014](https://reader034.vdocuments.us/reader034/viewer/2022051610/5485120c5806b590588b46d8/html5/thumbnails/11.jpg)
OPTIMIZATIONSPEEDING THINGS UP
![Page 12: Tools of the trade 2014](https://reader034.vdocuments.us/reader034/viewer/2022051610/5485120c5806b590588b46d8/html5/thumbnails/12.jpg)
BUILD PROCESSGRUNT & CO
Combine, minify JS & CSS!
Manage URLs (CDNs, cache)!
Modular JS, OOCSS!
Optimize images!
!
grunt-compass!
grunt-requirejs
![Page 13: Tools of the trade 2014](https://reader034.vdocuments.us/reader034/viewer/2022051610/5485120c5806b590588b46d8/html5/thumbnails/13.jpg)
BUILD PROCESSEMBED QUALITY TESTING
grunt-perfbudget
![Page 14: Tools of the trade 2014](https://reader034.vdocuments.us/reader034/viewer/2022051610/5485120c5806b590588b46d8/html5/thumbnails/14.jpg)
IMAGE OPTIMIZATIONJPEGMINI & CO
![Page 15: Tools of the trade 2014](https://reader034.vdocuments.us/reader034/viewer/2022051610/5485120c5806b590588b46d8/html5/thumbnails/15.jpg)
PAGE LOADING IMAGES, SCRIPTS, ETC
picturefill!
Require.JS!
Lazy loaders
![Page 16: Tools of the trade 2014](https://reader034.vdocuments.us/reader034/viewer/2022051610/5485120c5806b590588b46d8/html5/thumbnails/16.jpg)
GZIP, CACHE, CDN & FEOMOD_PAGESPEED, AKAMAI, FASTLY, RADWARE! YOTTAA, CLOUD FRONT & ETC.
![Page 17: Tools of the trade 2014](https://reader034.vdocuments.us/reader034/viewer/2022051610/5485120c5806b590588b46d8/html5/thumbnails/17.jpg)
@SERGEYCHESERGEYCHERNYSHEV.COM [email protected]