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
78

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
97
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
51
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
2024年にチャレンジしたことを振り返るぞ
mitchan
0
140
ハイテク休憩
sat
PRO
2
150
re:Invent をおうちで楽しんでみた ～CloudWatch のオブザーバビリティ機能がスゴい！/ Enjoyed AWS re:Invent from Home and CloudWatch Observability Feature is Amazing!
yuj1osm
0
120
非機能品質を作り込むための実践アーキテクチャ
knih
3
1.2k
PHP ユーザのための OpenTelemetry 入門 / phpcon2024-opentelemetry
shin1x1
1
200
Oracle Cloudの生成AIサービスって実際どこまで使えるの？ エンジニア目線で試してみた
minorun365
PRO
4
280
【re:Invent 2024 アプデ】 Prompt Routing の紹介
champ
0
140
C++26 エラー性動作
faithandbrave
2
730
KubeCon NA 2024 Recap / Running WebAssembly (Wasm) Workloads Side-by-Side with Container Workloads
z63d
1
250
サーバレスアプリ開発者向けアップデートをキャッチアップしてきた #AWSreInvent #regrowth_fuk
drumnistnakano
0
190
PHPからGoへのマイグレーション for DMMアフィリエイト
yabakokobayashi
1
170
宇宙ベンチャーにおける最近の情シス取り組みについて
axelmizu
0
110

Featured

See All Featured
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
2
170
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
26
1.9k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
Faster Mobile Websites
deanohume
305
30k
A Tale of Four Properties
chriscoyier
157
23k
Scaling GitHub
holman
458
140k
Bash Introduction
62gerente
608
210k
RailsConf 2023
tenderlove
29
940
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
111
49k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k

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]