🔬 A fast, interactive web-based viewer for performance profiles.
Go to file
2017-12-29 22:17:25 -05:00
dist Switch to parcel-bundler 2017-12-20 09:28:00 -05:00
import Importing from brendangregg/FlameGraph format 2017-12-07 22:27:28 -08:00
sample Add a sample in the original FlameGraph format 2017-12-07 23:26:13 -08:00
.gitignore gitignore dev build assets 2017-12-20 09:30:02 -05:00
aphrodite.d.ts Switch to browserify for better iteration time 2017-12-14 00:30:35 -08:00
application.tsx Fix weird resize issues 2017-12-29 22:07:41 -05:00
dev.html Toolbar, pull viewport rect state source of truth out of panzoom component 2017-12-29 21:15:12 -05:00
flamechart-minimap-view.tsx Switch to flexbox 2017-12-29 20:44:40 -05:00
flamechart-style.ts Fix weird resize issues 2017-12-29 22:07:41 -05:00
flamechart-view.tsx Clear hover in more cases 2017-12-29 22:17:25 -05:00
flamechart.ts Fix weird zoom wrapping issue 2017-12-27 01:10:35 -05:00
index.html Toolbar, pull viewport rect state source of truth out of panzoom component 2017-12-29 21:15:12 -05:00
math.ts Fix weird resize issues 2017-12-29 22:07:41 -05:00
package-lock.json Batch rectangle renderer with regl 2017-11-22 19:19:10 -08:00
package.json Hot reloading WIP 2017-12-23 13:37:56 -05:00
profile.ts Add alphabetical sort order 2017-12-17 20:31:27 -08:00
README.md Update README.md 2017-12-07 23:51:48 -08:00
rectangle-batch-renderer.ts Minimap viewport working 2017-12-26 15:06:03 -05:00
regl.d.ts Minimap viewport working 2017-12-26 15:06:03 -05:00
reloadable.tsx Hotloading tweaks, frame rectangle stroke 2017-12-26 11:49:25 -05:00
reset.css Minimap viewport rectangle border 2017-12-26 18:02:00 -05:00
speedscope.tsx Hot reloading WIP 2017-12-23 13:37:56 -05:00
style.ts Toolbar, pull viewport rect state source of truth out of panzoom component 2017-12-29 21:15:12 -05:00
tsconfig.json Switch to browserify for better iteration time 2017-12-14 00:30:35 -08:00
utils.ts Resolve TODO 2017-12-03 23:49:20 -08:00

speedscope

A high-performance interactive web-based viewer for sampling profiles.

Example Profile

Usage

Visit https://jlfwong.github.io/speedscope/, then drop a profile onto the page.

Currently accepts the same folded stack format as the original FlameGraph scripts do: https://github.com/brendangregg/FlameGraph#2-fold-stacks.

For example, try dropping this file onto the browser window: https://raw.githubusercontent.com/jlfwong/speedscope/master/sample/perf-vertx-stacks-01-collapsed-all.txt

To pan, you can either scroll or click and drag.

To zoom, hold cmd & scroll, or pinch-to-zoom.