whatcss

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

★ 43 Open GitHub ↗

WhatCSS.info: CSS StyleSheet Pageload Analyser/Optimizer 🤷

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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?)

whatcss

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README