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
35

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
65
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
1
150
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
0
52
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
1
250
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
1
140
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
0
17
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
0
10
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
0
23
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
2
130

Other Decks in Technology

See All in Technology
00851927294532e0742c2c174730dff0?s=48 ido_kara_deru
1
110
7a0bc9670ff654b04d4361a9afd1bba8?s=48 hcrane
3
730
3e66b3ccfa617b78c59d9dec865aa29f?s=48 noppefoxwolf
1
270
C4221ba79492601eb59a9ef5d4f4bbaa?s=48 nakamuuu
3
270
Eb6be531bcfaa99714d8d3b48665a5a9?s=48 budougumi0617
2
660
405fe9ab689473f267e2cfbd95f78c75?s=48 kyonmm
1
160
C60bcac530f3b3b4d33b653ad03fbacb?s=48 aomathwift
1
580
D0f23208dff6d54a2a4305e65af569c8?s=48 shiozaki
0
290
5a9fb3b80c517e51e4e95a27b63c6a67?s=48 takuyatezuka
3
1.9k
35e08efcf39d692f540047fb756eb4e3?s=48 konifar
0
280
155865f5a03ecd18b3d3968a88efb41a?s=48 natsuki7777
0
110
F400611942a8b7a695f741f9a720fcf8?s=48 koooootake
5
290

Featured

See All Featured
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
224
15k
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
10
730
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
6
740
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
87
5.3k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
225
48k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
55
3k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
496
110k
A9704266587836f7e784235e5073b93e?s=48 jmmastey
20
5k
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
51
3.3k
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
778
200k
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
273
32k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
11
1.1k

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