Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web performance tools @ WebPerf.camp 2016

1e2ff8ee6ac0e790883b1cdc420f158d?s=47 Sergey Chernyshev
July 10, 2016
Technology
0
33

Web performance tools @ WebPerf.camp 2016

1e2ff8ee6ac0e790883b1cdc420f158d?s=128

Sergey Chernyshev

July 10, 2016
Tweet

More Decks by Sergey Chernyshev

See All by Sergey Chernyshev
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
0
60
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
1
140
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
0
49
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
1
240
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
1
130
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
0
15
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
0
10
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
0
19
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
2
130

Other Decks in Technology

See All in Technology
0d5d8fb9cc4c06f581825f5a61d3f5f1?s=48 mizzy
3
150
D12a80cab206033a820ccff8319f957b?s=48 s_uryu
0
190
3353b76e1480888ea7a482ebaa883dcb?s=48 robcrowley
1
470
A2cac4b3dcb2bc0b87917ddc034ef708?s=48 sansandsoc
0
570
Dcea5102277e5883c29e0b15e51ae1bd?s=48 takumanakagame
1
320
A7944f54379373479a430eb9e9954587?s=48 will03
0
110
2ee165e506f59e3fe6f463bf7f150ccb?s=48 minamizaki
0
260
D0f5daa7cc3a26140c06ea29e5e235cc?s=48 noriyukitakei
0
100
D3be793aaf76ed1915295001712ce0f1?s=48 jrfk
0
230
5b392dc79d5b6d1dab580bf60e26fb7c?s=48 nitya
0
330
0411ad77d29734ecd0980c5b9b62848f?s=48 ch1aki
2
250
847a328633b1df6b11cc2f72430025e6?s=48 ks91
PRO
0
170

Featured

See All Featured
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
779
240k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
52
4.2k
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
329
15k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
93
3k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
66
3k
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
342
26k
78b475797a14c84799063c7cd073962f?s=48 holman
461
280k
9375a9529679f1b42b567a640d775e7d?s=48 schacon
145
6.6k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
321
53k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
219
15k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
52
2.8k
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
11
820

Transcript

  1. WEB PERF CAMP PROJECT DATE CLIENT JULY 10, 2016 WEB

    PERFORMANCE TOOLS SERGEY CHERNYSHEV

  2. APM & LOAD TESTING SCALE VS SPEED

  3. WPO Tools Performance Analysis Rules & Best Practices Synthetic RUM

    Browser profilers Optimization Build tools Image optimization AMD, <picture>-fill Delivery, CDNs, FEO

  4. WPO ANALYSIS AND MONITORING FINDING PROBLEMS

  5. RULES & BEST PRACTICES YSLOW, PAGESPEED INSIGHTS, SHOWSLOW, GTMETRICS

  6. RULES & BEST PRACTICES GOOGLE PAGE SPEED INSIGHTS SERVICE

  7. SYNTHETIC TESTING WEBPAGETEST.ORG

  8. TRACK METRICS OVER TIME SHOWSLOW

  9. RUM REAL USER MEASUREMENT BOOMERANG JS

  10. BROWSER PROFILING CHROME DEV TOOLS

  11. OPTIMIZATION SPEEDING THINGS UP

  12. BUILD PROCESS GRUNT, GULP & CO Combine, minify JS &

    CSS Manage URLs (CDNs, cache) Modular JS, OOCSS Optimize images grunt-contrib-compass grunt-contrib-requirejs

  13. BUILD PROCESS EMBED QUALITY TESTING grunt-perfbudget

  14. IMAGE OPTIMIZATION JPEGMINI, COMPRESSOR.IO & CO

  15. PAGE LOADING IMAGES, SCRIPTS, ETC <picture>-fill Require.JS Lazy loaders

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

  17. @SERGEYCHE SERGEYCHERNYSHEV.COM SERGEY.CHERNYSHEV@GMAIL.COM