Skip to content

Latest commit

 

History

History
43 lines (29 loc) · 1.26 KB

README.md

File metadata and controls

43 lines (29 loc) · 1.26 KB
Raw

WhatCSS

WhatCSS: CSS StyleSheet Pageload Analyser/Optimizer 🤷

Demo / Documentation: https://WhatCSS.info

About

WhatCSS.info automatically generates a minified version of the bare minimum CSS a user needs to begin interacting with your site.

Install and Run

  • git clone https://github.com/jonroig/whatcss.git
  • npm install
  • node index.js

CLI

WhatCSS can optimize CSS usage on webpages from the command line.

node whatcss https://whatcss.info -i stackpath.bootstrapcdn.com,facebook.com -e inline

Output is a bunch of JSON. If you elect to take a screenshot, it'll return in PNG/base64 as part of the JSON package.

PM2

There are PM2 start scripts here:

node startScripts/test.js (includes watching)

node startScripts/prod.js

Installing on AWS

It might be helpful to install Chrome from scratch on AWS using this script:

curl https://intoli.com/install-google-chrome.sh | bash

... then uncomment these lines in the config.js

// headless: true,
// executablePath: '/usr/bin/google-chrome-stable',

To do

  • Handle different screensizes and combine the CSS usage information into a single critical path
  • Deal with unused CSS more efficiently
  • Work on scaling issues (maybe use a single browser instance?)