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

Web performance tools @ WebPerf.camp 2016

Avatar for Sergey Chernyshev Sergey Chernyshev
July 10, 2016
Technology
0
120

Web performance tools @ WebPerf.camp 2016

Avatar for Sergey Chernyshev

Sergey Chernyshev

July 10, 2016
Tweet

More Decks by Sergey Chernyshev

See All by Sergey Chernyshev
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1.1k
Understanding speed of your site with Core Web Vitals
Avatar for Sergey Chernyshev sergeychernyshev
1
200
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.1k
Flexible Architectures for Web Performance
Avatar for Sergey Chernyshev sergeychernyshev
3
340
Dynamic Generation
Avatar for Sergey Chernyshev sergeychernyshev
1
100
Capturing Speed of User Experience using UserTiming API
Avatar for Sergey Chernyshev sergeychernyshev
0
89
Fastest request is never made
Avatar for Sergey Chernyshev sergeychernyshev
0
210
Tracking Page Speed
Avatar for Sergey Chernyshev sergeychernyshev
2
400
Designing speed with progressive enhancement
Avatar for Sergey Chernyshev sergeychernyshev
0
110

Other Decks in Technology

See All in Technology
フィンテック養成勉強会#56
Avatar for フィンテック養成コミュニティ finengine
0
140
20250910_障害注入から効率的復旧へ_カオスエンジニアリング_生成AIで考えるAWS障害対応.pdf
Avatar for sh_fk2 sh_fk2
3
220
Rustから学ぶ 非同期処理の仕組み
Avatar for skanehira skanehira
1
130
AWSで推進するデータマネジメント
Avatar for かわなご kawanago
1
1.3k
Kiroと学ぶコンテキストエンジニアリング
Avatar for Oikon oikon48
6
9.9k
これでもう迷わない！Jetpack Composeの書き方実践ガイド
Avatar for ZOZO Developers zozotech
PRO
0
310
Function Body Macros で、SwiftUI の View に Accessibility Identifier を自動付与する/Function Body Macros: Autogenerate accessibility identifiers for SwiftUI Views
Avatar for Yuki Miida miichan
2
180
S3アクセス制御の設計ポイント
Avatar for tommy tommy0124
3
190
JTCにおける内製×スクラム開発への挑戦〜内製化率95%達成の舞台裏/JTC's challenge of in-house development with Scrum
Avatar for AEON aeonpeople
0
190
Django's GeneratedField by example - DjangoCon US 2025
Avatar for Paolo Melchiorre pauloxnet
0
120
サラリーマンの小遣いで作るtoCサービス - Cloudflare Workersでスケールする開発戦略
Avatar for shinaps shinaps
2
400
大「個人開発サービス」時代に僕たちはどう生きるか
Avatar for Sotaro Karasawa sotarok
20
9.7k

Featured

See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
70
11k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.4k
Fireside Chat
Avatar for paigeccino paigeccino
39
3.6k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
55
13k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Visualization
Avatar for Eitan Lees eitanlees
148
16k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
72
11k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
57
5.8k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Side Projects
Avatar for Sacha Greif sachag
455
43k

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]