Upload
sergey-chernyshev
View
426
Download
0
Embed Size (px)
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.
Citation preview
NY WEB PERFORMANCE MEETUP
PROJECT
DATE CLIENTAUGUST 28, 2014
TOOLS OF THE TRADESERGEY CHERNYSHEV
APM & LOAD TESTINGSCALE VS SPEED
WPO ToolsPerformance Analysis
Rules & Best Practices
Synthetic
RUM
Browser profilers
Optimization
Build tools
Image optimization
AMD, picturefilll
Delivery, CDNs, FEO
WPO ANALYSIS AND MONITORINGFINDING PROBLEMS
RULES & BEST PRACTICESYSLOW, PAGESPEED INSIGHTS, SHOWSLOW
RULES & BEST PRACTICESGOOGLE PAGE SPEED INSIGHTS SERVICE
SYNTHETIC TESTINGWEBPAGETEST.ORG
TRACK METRICS OVER TIMESHOWSLOW
RUMREAL USER MEASUREMENT
BROWSER PROFILINGDYNATRACE AJAX, CHROME DEV TOOLS
OPTIMIZATIONSPEEDING THINGS UP
BUILD PROCESSGRUNT & CO
Combine, minify JS & CSS!
Manage URLs (CDNs, cache)!
Modular JS, OOCSS!
Optimize images!
!
grunt-compass!
grunt-requirejs
BUILD PROCESSEMBED QUALITY TESTING
grunt-perfbudget
IMAGE OPTIMIZATIONJPEGMINI & CO
PAGE LOADING IMAGES, SCRIPTS, ETC
picturefill!
Require.JS!
Lazy loaders
GZIP, CACHE, CDN & FEOMOD_PAGESPEED, AKAMAI, FASTLY, RADWARE! YOTTAA, CLOUD FRONT & ETC.
@SERGEYCHESERGEYCHERNYSHEV.COM [email protected]