The Navigation Timing API provides useful data that can be used to measure the performance of a website. Unfortunately this API has never been good at capturing the actual user experience.
The Speed Index, introduced by WebpageTest.org, aims to solve this issue. It measures how fast the page content is visually displayed. The current implementation is based on the Visual Progress from Video Capture calculation method described on the Speed Index page. The visual progress is calculated by comparing the distance between the histogram of the current frame and the final frame.
Speedline also calculates the perceptual speed index, based on the same principal as the original speed index, but it computes the visual progression between frames using the SSIM instead of the histogram distance.
$ npm install -g speedline
Note: You should enable the
screenshotoptions before recording the timeline.
$ speedline --help
Usage
$ speedline <timeline> [options]
Options
--pretty Pretty print the output
--fast Skip parsing frames between similar ones
Disclaimer: may result in different metrics due to skipped frames
Examples
$ speedline ./timeline.json
By default the CLI will output the same output as visual metrics. You can use the --pretty option if you want to have the histogram.
speedline-core moduleMIT © Pierre-Marie Dartus
The repo is split into CLI and core. The core dependencies are duplicated in both package.json files. It is what it is.
To install:
yarn && yarn install-all
Releasing both CLI and core:
yarn version # and bump appropriately
# update the version in core/package.json
git commit --amend --all # to amend into the tagged commit
npm publish
cd core && npm publish
git push
FAQs
Get the speed index from chrome dev tool timeline files. The CLI
The npm package speedline receives a total of 24,012 weekly downloads. As such, speedline popularity was classified as popular.
We found that speedline demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
ECMAScript 2025 introduces Iterator Helpers, Set methods, JSON modules, and more in its latest spec update approved by Ecma in June 2025.
Security News
A new Node.js homepage button linking to paid support for EOL versions has sparked a heated discussion among contributors and the wider community.
Research
North Korean threat actors linked to the Contagious Interview campaign return with 35 new malicious npm packages using a stealthy multi-stage malware loader.