Tweet
Tweet

Slide 1

Slide 1 text

WEB PERF CAMP PROJECT DATE CLIENT JULY 10, 2016 WEB PERFORMANCE TOOLS 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 profilers Optimization Build tools Image optimization AMD, -fill 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, GTMETRICS

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 BOOMERANG JS

Slide 10

Slide 10 text

BROWSER PROFILING CHROME DEV TOOLS

Slide 11

Slide 11 text

OPTIMIZATION SPEEDING THINGS UP

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

BUILD PROCESS EMBED QUALITY TESTING grunt-perfbudget

Slide 14

Slide 14 text

IMAGE OPTIMIZATION JPEGMINI, COMPRESSOR.IO & CO

Slide 15

Slide 15 text

PAGE LOADING IMAGES, SCRIPTS, ETC -fill Require.JS Lazy loaders

Slide 16

Slide 16 text

GZIP, CACHE, CDN & FEO MOD_PAGESPEED, VARNISH, CDN

Slide 17

Slide 17 text

@SERGEYCHE SERGEYCHERNYSHEV.COM [email protected]