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
36

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
Fastest request is never made
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
0
79
Tracking Page Speed
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
1
150
Designing speed with progressive enhancement
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
0
53
Using Heat Maps to improve Web Performance Metrics @ NY Web PErformance Meetup
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
1
250
Using Heat Maps to improve performance metrics
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
1
150
Speed is feature #1
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
0
20
Fast and responsive images
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
0
12
Tools of the trade 2014
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
0
24
Scalability vs. Performance
1e2ff8ee6ac0e790883b1cdc420f158d?s=48 sergeychernyshev
2
130

Other Decks in Technology

See All in Technology
HoloLens2とMetaQuest2どちらも動くWebXRアプリをBabylon.jsで作る
Bf0e54ea0d4ea19343ccfbe5d410a96b?s=48 iwaken71
0
180
スタートアップと技術選定と AWS
Bf5ee9059859ed5d855b5ff4680e63e2?s=48 track3jyo
PRO
0
200
データエンジニアと作るデータ文化
465cba0ac1de7e490c6ea484da327572?s=48 yuki_saito
4
1.4k
約6年間運用したシステムをKubernetesに完全移行するまで/Kubernetes Novice Tokyo
46839cf590a549efe13547c17a6b2fde?s=48 isaoshimizu
4
390
OPENLOGI Company Profile
5c588fdfe782f92fa6b081903edd82bb?s=48 hr01
0
320
2022年度新卒技術研修「良いコードの書き方」講義
094e424062f60b011a0d0b294fbc17e4?s=48 excitejp
PRO
0
270
SlackBotで あらゆる業務を自動化。問い合わせ〜DevOpsまで #CODT2022
384ef83de6b166677314f14f99aee1cd?s=48 kogatakanori
0
450
QiitaConference2022
0684ef0f8b92614508e0c323c3619462?s=48 fuwasegu
0
160
1人目QA奮闘記/QA Engineer's Struggle
253f81535853f9fddcadaec9b37dc1e0?s=48 mii3king
2
1k
インタラクティブなメディアの地図投影法: WebメルカトルからAdaptive Projectionsへ / MIERUNE 社内勉強会 #033
C6b97a47d5406cfdef50a5c755751c16?s=48 sorami
2
210
データチームの境界を考える
69152062a049e39ff6c00d36d2919650?s=48 yummydum
0
190
OpsJAWS Meetup21 システム運用アンチパターンのすすめ
96c31fe94f5e9b0eef4a606eaadcbc04?s=48 yoshiiryo1
0
1.4k

Featured

See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Fd55de4174accaf3b4f030e43a8a70c6?s=48 marcduiker
4
500
WebSockets: Embracing the real-time Web
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
57
5.2k
Optimizing for Happiness
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
365
63k
GitHub's CSS Performance
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
420k
Designing for humans not robots
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
241
23k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
119
28k
Code Review Best Practice
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
43
9.2k
The Illustrated Children's Guide to Kubernetes
0438ae60cde4c7add6f9da48f28c15cc?s=48 chrisshort
14
36k
Put a Button on it: Removing Barriers to Going Fast.
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
56
2.3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
237
19k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
100
5.9k
Infographics Made Easy
282d599b414022eba5096510f675b6e2?s=48 chrislema
233
17k

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