All Projects → sitespeedio → chrome-trace

sitespeedio / chrome-trace

Licence: other
Process Chrome trace logs in Node.

Programming Languages

javascript
184084 projects - #8 most used programming language
shell
77523 projects

Projects that are alternatives of or similar to chrome-trace

webperf-ecommerce-id
⚡️ Web Perf Comparison for E-Commerce in Indonesia
Stars: ✭ 38 (+153.33%)
Mutual labels:  webperf
linkedin connect
Configurable and easy to use LinkedIn tool to automate connections with personalized messages.
Stars: ✭ 58 (+286.67%)
Mutual labels:  devtools
rkubelog
Send k8s Logs to Papertrail and Loggly Without DaemonSets (for Nodeless Clusters)
Stars: ✭ 15 (+0%)
Mutual labels:  devtools
nanoinit
A small, proper, init process for docker containers.
Stars: ✭ 43 (+186.67%)
Mutual labels:  devtools
hanzo
Ansible orchestration to configure a development environment -
Stars: ✭ 22 (+46.67%)
Mutual labels:  devtools
dashboard.sitespeed.io
Example how to use sitespeed.io to monitor the performance of your web site
Stars: ✭ 43 (+186.67%)
Mutual labels:  webperf
Fiddler-FPlug
Fiddler Plug,Provide Host Mapping、File Mapping、Header Replace、Https to Http、ServerIP、Disable Cache、vConsole、Console Log、JS Inject
Stars: ✭ 30 (+100%)
Mutual labels:  devtools
hitboxtracker
🔨 Dev-tool that demonstrates on client-side true position of the hitboxes calculated by server
Stars: ✭ 34 (+126.67%)
Mutual labels:  devtools
jekyll-gzip
Generate gzipped assets and files for your Jekyll site at build time
Stars: ✭ 34 (+126.67%)
Mutual labels:  webperf
drupal-template-helper
Debug Drupal 8 templates in Chrome Devtools. drupal-template-helper is a chrome extension for Drupal that lists all available templates and the preprocess hooks to use to customize your templates.
Stars: ✭ 115 (+666.67%)
Mutual labels:  devtools
react-render-tracker
React render tracker – a tool to discover performance issues related to unintentional re-renders and unmounts
Stars: ✭ 1,954 (+12926.67%)
Mutual labels:  devtools
wurl
WebSocket curl - The WebSocket CLI for developers
Stars: ✭ 21 (+40%)
Mutual labels:  devtools
vscode-advanced-new-file
Create files anywhere in your workspace from the keyboard
Stars: ✭ 68 (+353.33%)
Mutual labels:  devtools
useful-forks.github.io
Improving GitHub's Forks list discoverability through automatic filtering. The project offers an online tool and a Chrome extension.
Stars: ✭ 917 (+6013.33%)
Mutual labels:  devtools
tracelog
TraceLog is a highly configurable, flexible, portable, and simple to use debug logging system for Swift and Objective-C applications running on Linux, macOS, iOS, watchOS, and tvOS.
Stars: ✭ 52 (+246.67%)
Mutual labels:  tracelog
flipper-plugin-relay-devtools
Flipper plugin for Relay devtools
Stars: ✭ 26 (+73.33%)
Mutual labels:  devtools
lint-html-with-css
Lint HTML with CSS. A collection of CSS snippets from the hashtag #lintHTMLwithCSS on twitter. These CSS snippets intend to warn developers about common mistakes made in HTML.
Stars: ✭ 35 (+133.33%)
Mutual labels:  webperf
prosemirror-dev-toolkit
Injectable developer tools for ProseMirror rich-text editors implemented in Svelte and TypeScript.
Stars: ✭ 44 (+193.33%)
Mutual labels:  devtools
proposal-debugger-operands
Adding an optional operand to the DebuggerStatement production of JS
Stars: ✭ 13 (-13.33%)
Mutual labels:  devtools
redux-devtools-multiple-monitors
Integrate multiple monitors to your redux devtools.
Stars: ✭ 13 (-13.33%)
Mutual labels:  devtools

Chrome-trace

Build status

Analyze tracelogs from Chrome, from the command line or as a node.js library.

How to use

Command line

With node.js >= 8.9 and npm >= 5.3, use npx to run chrome-trace.

npx chrome-trace <trace file>

node.js

Install chrome-trace as a dependency.

npm i chrome-trace 

Pass a stream or a parsed JSON object to chrome-trace.

const { parseStream } = require('chrome-trace');

const stream = getReadableStream(); // e.g. stream from file or http response
const parsedTrace = parseStream(stream);

const mainThreadId = parsedTrace.mainThread;
const categories = parsedTrace.eventCategoryTime[mainThreadId];
console.log(categories);

Development

  • The format for trace-log events is described here.
  • A python parser for tracelogs is available from WPO Foundation.
  • Chrome-trace uses Ava for testing. Please run npm run test before submitting PRs.
  • Code formatting by Prettier. Please run npm run lint:fix before submitting PRs.
  • Optional verbose logging using the debug module.
  • Additional useful npm scripts are:
    • test:verbose for additional debug info
    • test:watch to rerun tests as changes are made
    • test:watch:verbose automatic testing, with debug output
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].