Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
Web performance tools @ WebPerf.camp 2016
Sergey Chernyshev
July 10, 2016
Technology
0
33
Web performance tools @ WebPerf.camp 2016
Sergey Chernyshev
July 10, 2016
Tweet
Share
More Decks by Sergey Chernyshev
See All by Sergey Chernyshev
sergeychernyshev
0
60
sergeychernyshev
1
140
sergeychernyshev
0
49
sergeychernyshev
1
240
sergeychernyshev
1
130
sergeychernyshev
0
15
sergeychernyshev
0
10
sergeychernyshev
0
19
sergeychernyshev
2
130
Other Decks in Technology
See All in Technology
mizzy
3
150
s_uryu
0
190
robcrowley
1
470
sansandsoc
0
570
takumanakagame
1
320
will03
0
110
minamizaki
0
260
noriyukitakei
0
100
jrfk
0
230
nitya
0
330
ch1aki
2
250
ks91
PRO
0
170
Featured
See All Featured
chriscoyier
779
240k
bkeepers
52
4.2k
jeffersonlam
329
15k
brettharned
93
3k
colly
66
3k
bermonpainter
342
26k
holman
461
280k
schacon
145
6.6k
bkeepers
321
53k
kneath
219
15k
robhawkes
52
2.8k
rmw
11
820
Transcript
WEB PERF CAMP PROJECT DATE CLIENT JULY 10, 2016 WEB
PERFORMANCE TOOLS SERGEY CHERNYSHEV
APM & LOAD TESTING SCALE VS SPEED
WPO Tools Performance Analysis Rules & Best Practices Synthetic RUM
Browser profilers Optimization Build tools Image optimization AMD, <picture>-fill Delivery, CDNs, FEO
WPO ANALYSIS AND MONITORING FINDING PROBLEMS
RULES & BEST PRACTICES YSLOW, PAGESPEED INSIGHTS, SHOWSLOW, GTMETRICS
RULES & BEST PRACTICES GOOGLE PAGE SPEED INSIGHTS SERVICE
SYNTHETIC TESTING WEBPAGETEST.ORG
TRACK METRICS OVER TIME SHOWSLOW
RUM REAL USER MEASUREMENT BOOMERANG JS
BROWSER PROFILING CHROME DEV TOOLS
OPTIMIZATION SPEEDING THINGS UP
BUILD PROCESS GRUNT, GULP & CO Combine, minify JS &
CSS Manage URLs (CDNs, cache) Modular JS, OOCSS Optimize images grunt-contrib-compass grunt-contrib-requirejs
BUILD PROCESS EMBED QUALITY TESTING grunt-perfbudget
IMAGE OPTIMIZATION JPEGMINI, COMPRESSOR.IO & CO
PAGE LOADING IMAGES, SCRIPTS, ETC <picture>-fill Require.JS Lazy loaders
GZIP, CACHE, CDN & FEO MOD_PAGESPEED, VARNISH, CDN
@SERGEYCHE SERGEYCHERNYSHEV.COM SERGEY.CHERNYSHEV@GMAIL.COM