@grantcodes/footprint v1.0.9

Footprint

A small tool to estimate the CO2 output of every resource on a webpage using CO2.js and the performance API.

Installation

npm install @grantcodes/footprint

Usage

import { Footprint } from "@grantcodes/footprint";

const footprint = new Footprint(performance);

// Get an array of all loaded resources. 
const resources = footprint.resources;
resources.foreach(result => console.log(result.name, result.co2));

// Can also get results for a specific category ("media" | "js" | "css" | "html" | "other").
const cssResources = footprint.getByCategory("css");

// And get totals for the resources
console.log(`The ${cssResources.totalBytes} bytes of css resources on this page are estimated to generate ${cssResources.totalCo2} of CO2`);