lighthouse - Auditing, performance metrics, and best practices for Progressive Web Apps

  •        321

Lighthouse analyzes web apps and web pages, collecting modern performance metrics and insights on developer best practices. Lighthouse is integrated directly into the Chrome Developer Tools, under the "Audits" panel.

https://github.com/GoogleChrome/lighthouse#readme
https://github.com/GoogleChrome/lighthouse

Dependencies:

axe-core : 3.0.0-beta.2
chrome-devtools-frontend : 1.0.422034
chrome-launcher : ^0.10.2
configstore : ^3.1.1
devtools-timeline-model : 1.1.6
esprima : ^4.0.0
http-link-header : ^0.8.0
inquirer : ^3.3.0
jpeg-js : 0.1.2
js-library-detector : ^4.3.1
lighthouse-logger : ^1.0.0
lodash.isequal : ^4.5.0
metaviewport-parser : 0.2.0
mkdirp : 0.5.1
opn : 4.0.2
parse-cache-control : 1.0.1
raven : ^2.2.1
rimraf : ^2.6.1
robots-parser : ^2.0.1
semver : ^5.3.0
speedline : 1.3.3
update-notifier : ^2.1.0
ws : 3.3.2
yargs : 3.32.0
yargs-parser : 7.0.0

Tags
Implementation
License
Platform

   




Related Projects

AutoWebPerf - AutoWebPerf provides a flexible and scalable framework for running web performance audits with arbitrary audit tools including PageSpeedInsights, WebPageTest and more

  •    Javascript

AutoWebPerf provides a flexible and scalable framework for running web performance audits with arbitrary audit tools like WebPageTest and PageSpeedInsights. This library enables developers to collect metrics consistently and store metrics to a preferred data store such as local JSON files, Google Sheets, BigQuery, or an in-house SQL database. Check out https://web.dev/autowebperf for introduction.

Augury - Angular Debugging and Visualization Tools

  •    Typescript

Augury is the most used Google Chrome Developer Tool extension for debugging and profiling Angular 2 applications. It helps Angular 2.0 developers visualize the application through component trees, and visual debugging tools. Developers get immediate insight into their application structure, change detection and performance characteristics.

meteor-devtools - ⚡Chrome Dev tools extension for Meteorjs apps

  •    Javascript

Meteor Devtools (MD) is an extension for Chrome Developer Tools that makes the process of developing Meteor apps even more enjoyable. It also allows you to look under the hood of existing applications and learn how they are built. MD includes a plugin framework and currrently comes with 3 plugins: DDP Monitor, Blaze Inspector and MiniMongo Explorer. You can install it from Chrome Web Store. Meteor Devtools Extension is made by Meteor loving folks at The Bakery. Blaze Inspector is inspired by React Devtools and uses Element highlighter from that project.

code-snippets - Chrome DevTools code snippets

  •    Javascript

Read Code Snippets tutorial, Performance profiling using DevTools code snippets and How to improve Angular application performance using code snippets. Note: code snippets do NOT have access to the full console API, for example no access to console.monitor.

devtools-author - A selection of author settings for Chrome Developer Tools.

  •    CSS

A selection of author settings for Chrome Developer Tools. After restarting DevTools, you should see the default theme 3024 take affect within the Sources and Console panels.


apollo-client-devtools - :christmas_tree: Chrome extension for Apollo Client developer tools

  •    Javascript

This repository contains the Apollo Client Devtools Chrome extension.If you are running Apollo Client 2.0, the dev tools require at least apollo-client@2.0.0-rc.2 and react-apollo@2.0.0-beta.0.

chrome-devtools-autosave - Auto-saving CSS and JavaScript changes from the Chrome Developer Tools

  •    Javascript

Chrome DevTools Autosave consists of a Chrome extension and a server. The extension pushes changed files to the server. The server resolves URL of these files and overwrites the old ones with the new ones. Open example/index.html locally (using file:// scheme). Edit some CSS and JS. That’s it. Files have been saved.

Dev Lake - Data lake for Dev

  •    Go

Dev Lake brings all your DevOps data into one practical, personalized, extensible view. Ingest, analyze, and visualize data from an ever-growing list of developer tools, with our free and open source product. Dev Lake is most exciting for leaders and managers looking to make better sense of their development data, though it's useful for any developer looking to bring a more data-driven approach to their own practices. With Dev Lake you can ask your process any question, just connect and query.

devtools-frontend - The Chrome DevTools UI

  •    Javascript

The client-side of the Chrome DevTools, including all JS & CSS to run the DevTools webapp. It is available on NPM as the chrome-devtools-frontend package. It's not currently available via CJS or ES2015 modules, so consuming this package in other tools may require some effort.

vue-perf-devtool - Vue Performance Devtool is a browser extension for inspecting the performance of Vue Components

  •    Javascript

Vue Performance Devtool is a browser extension for inspecting the performance of Vue Components. It statistically examines the performance of Vue components based on the measures which are collected by Vue using window.performance API. Initially started after reading React Performance Devtool and created from Vue Devtool.

remotedebug-ios-webkit-adapter - Debug Safari and WebViews on iOS from tools like VS Code, Chrome DevTools, Mozilla Debugger

  •    TypeScript

RemoteDebug iOS WebKit Adapter is an protocol adapter that Safari and WebViews on iOS to be debugged from tools like VS Code, Chrome DevTools, Mozilla Debugger.html and other tools compatible with the Chrome Debugging Protocol. Before you use this adapter you need to make sure you have the latest version of iTunes installed, as we need a few libraries provided by iTunes to talk to the iOS devices.

Perfume.js - Web performance library for measuring all User-centric performance metrics

  •    Typescript

Perfume is a JavaScript library for measuring Short and Long Script, First Contentful Paint (FCP), Time to Interactive (TTI), Component First Paint (CFM), annotating them to the DevTools timeline and reporting the results to Google Analytics.When a user navigates to a web page, they're typically looking for visual feedback to reassure them that everything is going to work as expected. Page Speed is a feature, and to deliver it we need to understand the many factors and fundamental limitations that are at play. If we can measure it, we can improve it.

serverless-chrome - 🌐 Run headless Chrome/Chromium on AWS Lambda (maybe Azure, & GCP later)

  •    Javascript

Serverless Chrome contains everything you need to get started running headless Chrome on AWS Lambda (possibly Azure and GCP Functions soon). Why? Because it's neat. It also opens up interesting possibilities for using the Chrome DevTools Protocol (and tools like Chromeless or Puppeteer) in serverless architectures and doing testing/CI, web-scraping, pre-rendering, etc.

node-webkit-agent - NodeJS agent for WebKit devtools front-end

  •    Javascript

This module is an implementation of Chrome developer tools protocol. It is still pretty much a work in progress and only heap and CPU profilers are working right now. Help is wanted to finish implementing debugger, networking and console agents as well as a implementing from scratch a flamegraphs agent. This module allows you to debug and profile remotely your nodejs applications leveraging the following features by re-using the built-in devtools front-end that comes with any webkit-based browsers such as Chrome or Safari.

betwixt - :zap: Web Debugging Proxy based on Chrome DevTools Network panel.

  •    Javascript

Betwixt will help you analyze web traffic outside the browser using familiar Chrome DevTools interface. Download the latest release for your operating system, build your own bundle or run Betwixt from the source code.

awesome-chrome-devtools - Awesome tooling and resources in the Chrome DevTools & DevTools Protocol ecosystem

  •    Javascript

Awesome tooling and resources in the Chrome DevTools & DevTools Protocol ecosystem

headless-devtools - Lets you perform Chrome DevTools actions from code by leveraging Headless Chrome+Puppeteer

  •    Javascript

Lets you perform Chrome DevTools actions from code by leveraging Headless Chrome+Puppeteer. Chrome DevTools is great for getting valuable information about your app 🕵️‍♂️. Using headless-devtools you can automate this process 🤖. One use-case is to collect this data over time 📈, which can help you keep your app in good health 👩‍⚕️.

Puppeteer - Headless Chrome Node API

  •    Javascript

Puppeteer is a Node library which provides a high-level API to control Chrome or Chromium over the DevTools Protocol. Puppeteer runs headless by default, but can be configured to run full (non-headless) Chrome or Chromium. Most things that you can do manually in the browser can be done using Puppeteer! For example you can generate screenshots and PDFs of pages, Crawl a SPA (Single-Page Application) and generate pre-rendered content, Automate form submission, UI testing, keyboard input, etc.

devtools-docs - The legacy documentation for Chrome DevTools.

  •    HTML

You're looking at the previous home of the official Chrome DevTools documentation on developer.chrome.com (aka "DCC"). Head over to the new DevTools homepage for updated docs and tutorials and contribute by submitting pull requests to the WebFundamentals repository.

chrome-devtools-app - Chrome DevTools packaged as an app via Electron

  •    Javascript

Chrome DevTools packaged as an app using electron-prebuilt. This project is an exploration of how much work it would take to separate Chrome DevTools from Chrome itself and to explore what separation from the browser would bring to the table in terms of new functionality, etc.






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.