Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Web performance tools @ WebPerf.camp 2016
Sergey Chernyshev
July 10, 2016
Technology
0
36
Web performance tools @ WebPerf.camp 2016
Sergey Chernyshev
July 10, 2016
Tweet
Share
More Decks by Sergey Chernyshev
See All by Sergey Chernyshev
Fastest request is never made
sergeychernyshev
0
79
Tracking Page Speed
sergeychernyshev
1
150
Designing speed with progressive enhancement
sergeychernyshev
0
53
Using Heat Maps to improve Web Performance Metrics @ NY Web PErformance Meetup
sergeychernyshev
1
250
Using Heat Maps to improve performance metrics
sergeychernyshev
1
150
Speed is feature #1
sergeychernyshev
0
20
Fast and responsive images
sergeychernyshev
0
12
Tools of the trade 2014
sergeychernyshev
0
24
Scalability vs. Performance
sergeychernyshev
2
130
Other Decks in Technology
See All in Technology
HoloLens2とMetaQuest2どちらも動くWebXRアプリをBabylon.jsで作る
iwaken71
0
180
スタートアップと技術選定と AWS
track3jyo
PRO
0
200
データエンジニアと作るデータ文化
yuki_saito
4
1.4k
約6年間運用したシステムをKubernetesに完全移行するまで/Kubernetes Novice Tokyo
isaoshimizu
4
390
OPENLOGI Company Profile
hr01
0
320
2022年度新卒技術研修「良いコードの書き方」講義
excitejp
PRO
0
270
SlackBotで あらゆる業務を自動化。問い合わせ〜DevOpsまで #CODT2022
kogatakanori
0
450
QiitaConference2022
fuwasegu
0
160
1人目QA奮闘記/QA Engineer's Struggle
mii3king
2
1k
インタラクティブなメディアの地図投影法: WebメルカトルからAdaptive Projectionsへ / MIERUNE 社内勉強会 #033
sorami
2
210
データチームの境界を考える
yummydum
0
190
OpsJAWS Meetup21 システム運用アンチパターンのすすめ
yoshiiryo1
0
1.4k
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
4
500
WebSockets: Embracing the real-time Web
robhawkes
57
5.2k
Optimizing for Happiness
mojombo
365
63k
GitHub's CSS Performance
jonrohan
1020
420k
Designing for humans not robots
tammielis
241
23k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
119
28k
Code Review Best Practice
trishagee
43
9.2k
The Illustrated Children's Guide to Kubernetes
chrisshort
14
36k
Put a Button on it: Removing Barriers to Going Fast.
kastner
56
2.3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
237
19k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
100
5.9k
Infographics Made Easy
chrislema
233
17k
Transcript
WEB PERF CAMP PROJECT DATE CLIENT JULY 10, 2016 WEB
PERFORMANCE TOOLS SERGEY CHERNYSHEV
APM & LOAD TESTING SCALE VS SPEED
WPO Tools Performance Analysis Rules & Best Practices Synthetic RUM
Browser profilers Optimization Build tools Image optimization AMD, <picture>-fill Delivery, CDNs, FEO
WPO ANALYSIS AND MONITORING FINDING PROBLEMS
RULES & BEST PRACTICES YSLOW, PAGESPEED INSIGHTS, SHOWSLOW, GTMETRICS
RULES & BEST PRACTICES GOOGLE PAGE SPEED INSIGHTS SERVICE
SYNTHETIC TESTING WEBPAGETEST.ORG
TRACK METRICS OVER TIME SHOWSLOW
RUM REAL USER MEASUREMENT BOOMERANG JS
BROWSER PROFILING CHROME DEV TOOLS
OPTIMIZATION SPEEDING THINGS UP
BUILD PROCESS GRUNT, GULP & CO Combine, minify JS &
CSS Manage URLs (CDNs, cache) Modular JS, OOCSS Optimize images grunt-contrib-compass grunt-contrib-requirejs
BUILD PROCESS EMBED QUALITY TESTING grunt-perfbudget
IMAGE OPTIMIZATION JPEGMINI, COMPRESSOR.IO & CO
PAGE LOADING IMAGES, SCRIPTS, ETC <picture>-fill Require.JS Lazy loaders
GZIP, CACHE, CDN & FEO MOD_PAGESPEED, VARNISH, CDN
@SERGEYCHE SERGEYCHERNYSHEV.COM SERGEY.CHERNYSHEV@GMAIL.COM