npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

lighthouse-automatic

v1.0.6

Published

Run & Report Google lighthouse (performance, accessibility, pwa tests) metrics against your own websites/applications, lighthouse-automatic enables you the developer to ensure you're websites are performing as expected continuosly

Downloads

14

Readme

npm npm npm Build Status

alt Output

1. lighthouse-automatic

Google lighthouse as a service, automatically run lighthouse tasks in the background and profile your webpages

See ./example for example project.

2. Setup

Lighthouse automatic can be found on npmjs.com.

To add to your project:

yarn add lighthouse-automatic -D

Or to install lighthouse-automatic as a cli app (global):

yarn add global ligthouse-automatic

3. Configuration

Configuration is handled by properties declared in your package.json file.

Note* If using lighthouse-automatic globally the tool will look for a package.json in the current directory.

In your package.json you can configure the tests as follows:

  "lighthouse-automatic": {
        "urls": [
            {
                "url": "https://www.webpage.com/",
                "pageName": "webpage-Homepage"
            },
            {
                "url": "https://www.webpage.com/search?q=**",
                "pageName": "webpage-Search"
            },
            {
                "url": "https://www.webpage.com/login",
                "pageName": "webpage-login"
            }
        ],
        "log": false
    }

See 5. Options for more configuration.

4. Run

run the lighthouse-automatic command.

I suggest adding to npm scripts (see example project scripts.start) for ease of use.

5. Results

Head to <your-project-directory>/lighthouse-reports and the test results will be available to collect.

Currently results are only reported in .json format

5. Options

  • output: "string" choose the output filetype, possibilities are html or json

  • "urls": [Array] of {URL} objects, used to describe which urls to run lighthouse against;

  • url: {Object} - small object for each lighthouse automatic test destination.
    {
        "url": "https://www.webpage.com/",
        "pageName": "webpage-Homepage"
    },
  • "log": boolean - decide whether you want logs to be shown during build;

6. Next release

  • Post/Curl results to external endpoint
  • Run tests every X minutes