Plugin WebPerf Core

webperf-core plugin for sitespeed.io.

Overview

The plugin-webperf-core is a plugin used by the webperf_core repository. It is designed to collect data from other sitespeed.io plugins, such as @sitespeedio/plugin-lighthouse. The main goal of this plugin is to move sitespeed.io specific logic into sitespeed.io plugins instead of having them directly in webperf_core.

Additionally, this plugin summarizes supported plugins into a single tab (webperf core), instead of each plugin having its own tab. This approach makes it easier to get a quick overview, reduces clutter, and simplifies identifying the best next issue to improve.

Features

• Collects data from various sitespeed.io plugins like:
  • plugin-css
  • plugin-html
  • plugin-javascript
  • plugin-pagenotfound
  • plugin-accessibility-statement
  • @sitespeedio/plugin-lighthouse
• Centralizes sitespeed.io specific logic, keeping it separate from the webperf_core repository.
• Provides a streamlined integration with sitespeed.io for better maintainability and modularity.
• Enables easy configuration and use within sitespeed.io environments.

Installation

To install the plugin, run the following command:

npm install plugin-webperf-core

It is also recommended to install the related plugins listed in the Features section for full functionality:

npm install plugin-css plugin-html plugin-javascript plugin-pagenotfound plugin-accessibility-statement @sitespeedio/plugin-lighthouse

Usage

To use the plugin with sitespeed.io, add it to your sitespeed.io configuration file or command line options.

Configuration

Add the plugin to your sitespeed.io configuration file:

{
  "plugins": {
    "plugin-webperf-core": {
      "enabled": true
    }
  }
}

Command Line

You can also enable the plugin via the command line:

sitespeed.io --plugins.add plugin-webperf-core

Remember to also add all plugins you want to have information from, like the plugin-javascript plugin.

Example

Here is an example of how to use the plugin with sitespeed.io:

sitespeed.io --plugins.add plugin-webperf-core --plugins.add plugin-css --plugins.add plugin-html --plugins.add plugin-javascript --plugins.add plugin-pagenotfound --plugins.add plugin-accessibility-statement --plugins.add @sitespeedio/plugin-lighthouse https://www.example.com

Development

Running Tests

To run the tests, use the following command:

npm test

Linting

To lint the code, use the following command:

npm run lint

To automatically fix linting issues, use the following command:

npm run lint:fix

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contributing

Contributions are welcome! Please open an issue or submit a pull request on GitHub.

Acknowledgements

• plugin-css
• plugin-html
• plugin-javascript
• plugin-pagenotfound
• plugin-accessibility-statement
• @sitespeedio/plugin-lighthouse
• webperf_core
• sitespeed.io