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 SERGEY.CHERNYSHEV@GMAIL.COM