Tools of the trade 2014

Slide 1

Slide 1 text

NY WEB PERFORMANCE MEETUP PROJECT DATE CLIENT AUGUST 28, 2014 TOOLS OF THE TRADE SERGEY CHERNYSHEV

Slide 2

Slide 2 text

APM & LOAD TESTING SCALE VS SPEED

Slide 3

Slide 3 text

WPO Tools Performance Analysis Rules & Best Practices Synthetic RUM Browser proﬁlers Optimization Build tools Image optimization AMD, pictureﬁlll Delivery, CDNs, FEO

Slide 4

Slide 4 text

WPO ANALYSIS AND MONITORING FINDING PROBLEMS

Slide 5

Slide 5 text

RULES & BEST PRACTICES YSLOW, PAGESPEED INSIGHTS, SHOWSLOW

Slide 6

Slide 6 text

RULES & BEST PRACTICES GOOGLE PAGE SPEED INSIGHTS SERVICE

Slide 7

Slide 7 text

SYNTHETIC TESTING WEBPAGETEST.ORG

Slide 8

Slide 8 text

TRACK METRICS OVER TIME SHOWSLOW

Slide 9

Slide 9 text

RUM REAL USER MEASUREMENT

Slide 10

Slide 10 text

BROWSER PROFILING DYNATRACE AJAX, CHROME DEV TOOLS

Slide 11

Slide 11 text

OPTIMIZATION SPEEDING THINGS UP

Slide 12

Slide 12 text

BUILD PROCESS GRUNT & CO Combine, minify JS & CSS! Manage URLs (CDNs, cache)! Modular JS, OOCSS! Optimize images! ! grunt-compass! grunt-requirejs

Slide 13

Slide 13 text

BUILD PROCESS EMBED QUALITY TESTING grunt-perfbudget

Slide 14

Slide 14 text

IMAGE OPTIMIZATION JPEGMINI & CO

Slide 15

Slide 15 text

PAGE LOADING IMAGES, SCRIPTS, ETC picturefill! Require.JS! Lazy loaders

Slide 16

Slide 16 text

GZIP, CACHE, CDN & FEO MOD_PAGESPEED, AKAMAI, FASTLY, RADWARE! YOTTAA, CLOUD FRONT & ETC.

Slide 17

Slide 17 text

@SERGEYCHE SERGEYCHERNYSHEV.COM [email protected]