WEB PERF CAMP

PROJECT

DATE CLIENTJULY 10, 2016

WEB PERFORMANCE TOOLSSERGEY CHERNYSHEV

APM & LOAD TESTINGSCALE VS SPEED

WPO ToolsPerformance Analysis

Rules & Best Practices

Synthetic

RUM

Browser profilers

Optimization

Build tools

Image optimization

AMD, <picture>-fill

Delivery, CDNs, FEO

WPO ANALYSIS AND MONITORINGFINDING PROBLEMS

RULES & BEST PRACTICESYSLOW, PAGESPEED INSIGHTS, SHOWSLOW, GTMETRICS

RULES & BEST PRACTICESGOOGLE PAGE SPEED INSIGHTS SERVICE

SYNTHETIC TESTINGWEBPAGETEST.ORG

TRACK METRICS OVER TIMESHOWSLOW

RUMREAL USER MEASUREMENT BOOMERANG JS

BROWSER PROFILINGCHROME DEV TOOLS

OPTIMIZATIONSPEEDING THINGS UP

BUILD PROCESSGRUNT, GULP & CO

Combine, minify JS & CSS

Manage URLs (CDNs, cache)

Modular JS, OOCSS

Optimize images

grunt-contrib-compass

grunt-contrib-requirejs

BUILD PROCESSEMBED QUALITY TESTING

grunt-perfbudget

IMAGE OPTIMIZATIONJPEGMINI, COMPRESSOR.IO & CO

PAGE LOADING IMAGES, SCRIPTS, ETC

<picture>-fill

Require.JS

Lazy loaders

GZIP, CACHE, CDN & FEOMOD_PAGESPEED, VARNISH, CDN

@SERGEYCHESERGEYCHERNYSHEV.COM SERGEY.CHERNYSHEV@GMAIL.COM