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
16
930
Understanding speed of your site with Core Web Vitals
Avatar for Sergey Chernyshev sergeychernyshev
1
170
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
31
990
Flexible Architectures for Web Performance
Avatar for Sergey Chernyshev sergeychernyshev
3
320
Dynamic Generation
Avatar for Sergey Chernyshev sergeychernyshev
1
87
Capturing Speed of User Experience using UserTiming API
Avatar for Sergey Chernyshev sergeychernyshev
0
77
Fastest request is never made
Avatar for Sergey Chernyshev sergeychernyshev
0
200
Tracking Page Speed
Avatar for Sergey Chernyshev sergeychernyshev
2
380
Designing speed with progressive enhancement
Avatar for Sergey Chernyshev sergeychernyshev
0
100

Other Decks in Technology

See All in Technology
評価の納得感を2段階高める「構造化フィードバック」
Avatar for あろえ aloerina
1
270
vLLM meetup Tokyo
Avatar for jpishikawa jpishikawa
1
250
AI技術トレンド勉強会 #1 MCPの基礎と実務での応用
Avatar for Nisei Kimura nisei_k
1
230
(非公式) AWS Summit Japan と 海浜幕張 の歩き方 2025年版
Avatar for Kosuke ENOMOTO coosuke
PRO
1
300
自分を理解するAI時代の準備 〜マイプロフィールMCPの実装〜
Avatar for edo edo_m18
0
110
菸酒生在 LINE Taiwan 的後端雙刀流
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
250
TODAY 看世界(?) 是我們在看扣啦！
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
280
VCpp Link and Library - C++ breaktime 2025 Summer
Avatar for Akiko Kawai harukasao
0
210
Navigation3でViewModelにデータを渡す方法
Avatar for mikan mikanichinose
0
120
マルチテナント+マルチプロダクト SaaS への AI Agent の組み込み方
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
2
390
25分で解説する「最小権限の原則」を実現するための AWS「ポリシー」大全
Avatar for opelab opelab
3
290
RubyOnRailsOnDevin+α / DevinMeetupJapan#2
Avatar for ginkouno ginkouno
0
790

Featured

See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
228
22k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
172
14k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
2.8k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
20
1.3k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.3k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
329
21k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.3k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
1
320
Faster Mobile Websites
Avatar for Dean Hume deanohume
307
31k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
22k
A better future with KSS
Avatar for Kyle Neath kneath
239
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 [email protected]