whatcss

KO | EN

gitlite — search

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

(★ 43)

WhatCSS.info: CSS StyleSheet Pageload Analyser/Optimizer 🤷

whatcss Latest Version Download

Download Latest Version (.zip)

// 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

whatcss Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

whatcss

whatcss Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README