Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Web performance tools @ WebPerf.camp 2016
Search
Sergey Chernyshev
July 10, 2016
Technology
0
53
Web performance tools @ WebPerf.camp 2016
Sergey Chernyshev
July 10, 2016
Tweet
Share
More Decks by Sergey Chernyshev
See All by Sergey Chernyshev
Speed Design
sergeychernyshev
3
170
Flexible Architectures for Web Performance
sergeychernyshev
3
150
Fastest request is never made
sergeychernyshev
0
120
Tracking Page Speed
sergeychernyshev
1
250
Designing speed with progressive enhancement
sergeychernyshev
0
67
Using Heat Maps to improve Web Performance Metrics @ NY Web PErformance Meetup
sergeychernyshev
1
270
Using Heat Maps to improve performance metrics
sergeychernyshev
1
240
Speed is feature #1
sergeychernyshev
0
36
Fast and responsive images
sergeychernyshev
0
36
Other Decks in Technology
See All in Technology
Kotlinらしいコードを書こう - Convert Java File to Kotlin File のあとにやること / What to do after Convert Java File to Kotlin File
yanzm
0
1.8k
LeanとDevOpsのためにE2Eテストができること
magicpod
4
2k
Adaptor, Helmet, SSG
watany
0
130
Okioに愛を込めて
ryunen344
3
890
20240626_PLATEAU_AWARD説明会
nokonoko1203
0
190
スクラムチームだけどエクセルで要件定義書を書くことにしました / Requirements-Specification-Document-in-Scrum
okamototakuyasr2
0
200
OpenTelemetry Meetup 2024-06 - ABEMA と分散トレーシングのあゆみ
tetsuya28
2
520
APIライフサイクル管理の進化と生成AIの活用へ
hashitokyo
0
2.5k
Small_Start_Conscious_Development_Productivity_Improvement_Practices_at_freee
hikarumiyazawa
1
1k
まずはパネル「Table」を使い倒してみよう@GrafanaMeetupJapan#2
rinchoku
1
180
Bring your app’s core features to users with App Intents とか App Intents 関連の要約
ryomm
1
200
RAGだけじゃない! 古くて新しいベクトル検索の世界 | DevelopersIO 2024 福岡
quiver
0
530
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
36
2.2k
Building an army of robots
kneath
300
42k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Music & Morning Musume
bryan
42
5.8k
Making Projects Easy
brettharned
110
5.6k
What the flash - Photography Introduction
edds
64
11k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
23
2k
Thoughts on Productivity
jonyablonski
62
4k
Fireside Chat
paigeccino
24
2.7k
For a Future-Friendly Web
brad_frost
173
9.1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
247
20k
Documentation Writing (for coders)
carmenintech
62
4.1k
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
[email protected]