Displaying 1 to 14 from 14 results

browser-perf - Performance Metrics for Web Browsers

  •    Javascript

Read more on why browser-perf here. Please see the wiki pages for more information. You can find information about supported browsers, getting started, command line usage, reference for the Node API etc.

import-cost - displays the import size of the package you are importing inside the code editor

  •    Javascript

This extension will display inline in the editor the size of the imported package. The extension utilizes webpack with babili-webpack-plugin in order to detect the imported size. In this project we use lerna for managing the multiple packages.

perf-tooling - List of performance analysis, monitoring and optimization tools

  •    Javascript

Welcome to Perf Tooling. Perf Tooling is a shared resource to keep track of new and existent performance tools.

perfjankie - Checking browser rendering performance regression

  •    Javascript

PerfJankie is a tool to monitor smoothness and responsiveness of websites and Cordova/Hybrid apps over time. It runs performance tests using browser-perf and saves the results in a CouchDB server. It also has a dashboard that displays graphs of the performance metrics collected over time that you help identify performance trends, or locate a single commit that can slow down a site. After running the tests, navigate to the following url to see the results dashboard.

pagespeed-inslides - HTML5 Slide Deck Generator Tool Based on the PageSpeed Insights API

  •    Javascript

The PageSpeed InSlides tool, which—as the name suggests (not a typo, think "PageSpeed, but in slides") —lifts the output from the PageSpeed Insights API and creates an interactive HTML5 slide deck for you, on the fly. The target audience is technical, for example, front-end engineers and webmasters, this is not meant as an introductory pitch deck. Also, the decks are designed for desktop, to be shown in full screen mode, ideally on a projector.Please note: this is not an official Google product.

wpt-reporter - We use the webpage test reporter to drive WebPageTest.

  •    Javascript

Collect browser metrics using WebPageTest and choose how to report it. We wrap the functionality of the WebPageTest API and collect the most important metrics from the (giant) result JSON and report it as/to CSV/JSON/Graphite/statsv.We use it at Wikimedia to collect metrics, you can check our Grafana graphs here.

perfslides - Slides and demo for PerfJankie/BrowserPerf

  •    CSS

A sample website to demonstrate the use of browser-perf and perfkanie

protractor-perf - E2E test framework to check for performance regressions in Angular apps

  •    Javascript

Just like Protractor is the end to end test case runner for AngularJS to check for functional regressions, this project is a way check for performance regressions while reusing the same test cases. Install protractor-perf using npm install -g protractor-perf.

plugin-lighthouse - A simple sitespeed.io lighthouse plugin to collect few performance metrics

  •    Javascript

You can read more about sitespeed.io plugins here. If you have checked out as the same level as sitespeed.io you run it like this (else just change the path).

page-weight - 🏋Measure page weight with puppeteer

  •    Javascript

Well, there you go: csabapalfi/byte-weight-breakdown. This module just focuses on page weight and not the ordering or timing of resources therefore avoids any complexity around these.

gulp-louis - Gulp task to analyze website performance.

  •    Javascript

Louis is a gulp task that is used to analyze the performance of a website against a performance budget. There are many definitions of the performance budget on the web, my favourite is from Zachary Brady.

performance-budget-plugin - Perfromance budget plugin for Webpack (https://webpack.js.org/)

  •    Javascript

Measure the impact of your changes to the performance of your application. The plugin works with the help of webpack dev server and gathers metrics between the re-builds (every time you make some changes in your codebase). It is recommended to have the hot module replacement disabled when you use this plugin. A performance budget provides values against which design, development, content, or any aspect of a site that may affect performance, can be made.

We have large collection of open source products. Follow the tags from Tag Cloud >>

Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.