Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web performance tools @ WebPerf.camp 2016

Sergey Chernyshev
July 10, 2016
Technology
0
77

Web performance tools @ WebPerf.camp 2016

Sergey Chernyshev

July 10, 2016
Tweet

More Decks by Sergey Chernyshev

See All by Sergey Chernyshev
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
0
94
Understanding speed of your site with Core Web Vitals
sergeychernyshev
1
65
Speed Design
sergeychernyshev
25
670
Flexible Architectures for Web Performance
sergeychernyshev
3
250
Dynamic Generation
sergeychernyshev
0
44
Capturing Speed of User Experience using UserTiming API
sergeychernyshev
0
28
Fastest request is never made
sergeychernyshev
0
160
Tracking Page Speed
sergeychernyshev
1
330
Designing speed with progressive enhancement
sergeychernyshev
0
82

Other Decks in Technology

See All in Technology
Postman と API セキュリティ / Postman and API Security
yokawasa
0
200
AI時代のデータセンターネットワーク
lycorptech_jp
PRO
1
280
NilAway による静的解析で「10 億ドル」を節約する #kyotogo / Kyoto Go 56th
ytaka23
3
370
マルチプロダクト開発の現場でAWS Security Hubを1年以上運用して得た教訓
muziyoshiz
2
2.1k
KnowledgeBaseDocuments APIでベクトルインデックス管理を自動化する
iidaxs
1
250
5分でわかるDuckDB
chanyou0311
10
3.2k
どちらを使う?GitHub or Azure DevOps Ver. 24H2
kkamegawa
0
620
AWS re:Invent 2024で発表された コードを書く開発者向け機能について
maruto
0
180
2024年にチャレンジしたことを振り返るぞ
mitchan
0
130
スタートアップで取り組んでいるAzureとMicrosoft 365のセキュリティ対策/How to Improve Azure and Microsoft 365 Security at Startup
yuj1osm
0
210
Microsoft Azure全冠になってみた ~アレを使い倒した者が試験を制す！？~/Obtained all Microsoft Azure certifications Those who use "that" to the full will win the exam! ?
yuj1osm
1
110
日本版とグローバル版のモバイルアプリ統合の開発の裏側と今後の展望
miichan
1
120

Featured

See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.9k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
For a Future-Friendly Web
brad_frost
175
9.4k
Designing Experiences People Love
moore
138
23k
Building Applications with DynamoDB
mza
91
6.1k
Mobile First: as difficult as doing things right
swwweet
222
9k
It's Worth the Effort
3n
183
28k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k

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]