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

Web performance tools @ WebPerf.camp 2016

Sergey Chernyshev
July 10, 2016
Technology
0
84

Web performance tools @ WebPerf.camp 2016

Sergey Chernyshev

July 10, 2016
Tweet

More Decks by Sergey Chernyshev

See All by Sergey Chernyshev
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
3
180
Understanding speed of your site with Core Web Vitals
sergeychernyshev
1
72
Speed Design
sergeychernyshev
25
740
Flexible Architectures for Web Performance
sergeychernyshev
3
270
Dynamic Generation
sergeychernyshev
0
56
Capturing Speed of User Experience using UserTiming API
sergeychernyshev
0
36
Fastest request is never made
sergeychernyshev
0
170
Tracking Page Speed
sergeychernyshev
1
340
Designing speed with progressive enhancement
sergeychernyshev
0
86

Other Decks in Technology

See All in Technology
Bring Your Own Container: When Containers Turn the Key to EDR Bypass/byoc-avtokyo2024
tkmru
0
850
JuliaTokaiとJuliaLangJaの紹介 for NGK2025S
antimon2
1
120
Azureの開発で辛いところ
re3turn
0
240
AWSマルチアカウント統制環境のすゝめ / 20250115 Mitsutoshi Matsuo
shift_evolve
0
110
データ基盤におけるIaCの重要性とその運用
mtpooh
4
510
DMMブックスへのTipKit導入
ttyi2
1
110
生成AIのビジネス活用
seosoft
0
110
0→1事業こそPMは営業すべし / pmconf #落選お披露目 / PM should do sales in zero to one
roki_n_
PRO
1
1.4k
メールヘッダーを見てみよう
hinono
0
110
ゼロからわかる！！AWSの構成図を書いてみようワークショップ 問題&解答解説 #デッカイギ #羽田デッカイギおつ
_mossann_t
0
1.5k
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
6
54k
RubyでKubernetesプログラミング
sat
PRO
4
160

Featured

See All Featured
The Pragmatic Product Professional
lauravandoore
32
6.4k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
173
51k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
The World Runs on Bad Software
bkeepers
PRO
66
11k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Designing for humans not robots
tammielis
250
25k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
19
2.3k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Documentation Writing (for coders)
carmenintech
67
4.5k

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 [email protected]