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
90
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
未経験者・初心者に贈る！40分でわかるAndroidアプリ開発の今と大事なポイント
Avatar for operandoOS operando
5
730
AIエージェントで90秒の広告動画を制作！台本・音声・映像・編集をつなぐAWS最新アーキテクチャの実践
Avatar for Kiminori Yokoi nasuvitz
3
310
Webアプリケーションにオブザーバビリティを実装するRust入門ガイド
Avatar for nwiizo nwiizo
7
860
AIエージェント開発用SDKとローカルLLMをLINE Botと組み合わせてみた / LINEを使ったLT大会 #14
Avatar for you（@youtoy） you
PRO
0
130
「どこから読む？」コードとカルチャーに最速で馴染むための実践ガイド
Avatar for ZOZO Developers zozotech
PRO
0
540
La gouvernance territoriale des données grâce à la plateforme Terreze
Avatar for BlueHats bluehats
0
190
slog.Handlerのよくある実装ミス
Avatar for H.Saki sakiengineer
4
420
「Linux」という言葉が指すもの
Avatar for Satoru Takeuchi sat
PRO
4
140
エンジニアリングマネージャーの成長の道筋とキャリア / Developers Summit 2025 KANSAI
Avatar for KASUYA, Daisuke daiksy
2
450
5分でカオスエンジニアリングを分かった気になろう
Avatar for Aja9tochin pandayumi
0
250
JTCにおける内製×スクラム開発への挑戦〜内製化率95%達成の舞台裏/JTC's challenge of in-house development with Scrum
Avatar for AEON aeonpeople
0
250
いま注目のAIエージェントを作ってみよう
Avatar for Marimo supermarimobros
0
340

Featured

See All Featured
Designing for Performance
Avatar for Lara Hogan lara
610
69k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
Done Done
Avatar for chrislema chrislema
185
16k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.7k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
70
4.8k
Code Review Best Practice
Avatar for Trisha Gee trishagee
71
19k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.5k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.8k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k

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]