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
110

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
13
840
Understanding speed of your site with Core Web Vitals
Avatar for Sergey Chernyshev sergeychernyshev
1
160
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
29
930
Flexible Architectures for Web Performance
Avatar for Sergey Chernyshev sergeychernyshev
3
310
Dynamic Generation
Avatar for Sergey Chernyshev sergeychernyshev
0
80
Capturing Speed of User Experience using UserTiming API
Avatar for Sergey Chernyshev sergeychernyshev
0
70
Fastest request is never made
Avatar for Sergey Chernyshev sergeychernyshev
0
190
Tracking Page Speed
Avatar for Sergey Chernyshev sergeychernyshev
2
370
Designing speed with progressive enhancement
Avatar for Sergey Chernyshev sergeychernyshev
0
100

Other Decks in Technology

See All in Technology
Part1 GitHubってなんだろう？その２
Avatar for tomokusaba tomokusaba
2
660
C++26アップデート 2025-03
Avatar for Akira Takahashi faithandbrave
0
1.2k
雑に疎通確認だけしたい...せや！CloudShell使ったろ！
Avatar for Ryotaro Harada alchemy1115
0
190
Новые мапы в Go. Вова Марунин, Clatch, МТС
Avatar for Lamoda Tech lamodatech
0
1.9k
AIエージェント開発手法と業務導入のプラクティス
Avatar for Yoshinori Kosaka ykosaka
9
2.8k
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
5.5k
DynamoDB のデータを QuickSight で可視化する際につまづいたこと/stumbling-blocks-when-visualising-dynamodb-with-quicksight
Avatar for emi emiki
0
140
製造業向けIoTソリューション提案資料.pdf
Avatar for h.uriu haruki_uiru
0
220
Cursorを全エンジニアに配布 その先に見据えるAI駆動開発の未来 / 2025-05-13-forkwell-ai-study-1-cursor-at-loglass
Avatar for Hiroshi Ito itohiro73
0
200
AIとSREで「今」できること
Avatar for HonMarkHunt honmarkhunt
3
710
OPENLOGI Company Profile for engineer
Avatar for OPENLOGI hr01
1
26k
LLMの開発と社会実装の今と未来 / AI Builders' Community (ABC) vol.2
Avatar for Preferred Networks pfn
PRO
1
100

Featured

See All Featured
Building Applications with DynamoDB
Avatar for Matt Wood mza
94
6.4k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
137
6.9k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
The Language of Interfaces
Avatar for Des Traynor destraynor
158
25k
Scaling GitHub
Avatar for Zach Holman holman
459
140k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.3k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
523
40k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
41
2.3k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
336
57k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.3k

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]