Re

Record your CSS usage on your website - remove unwanted CSS

Hacker News

Record your CSS usage on your website - remove unwanted CSS

This is a follow up to: http://news.ycombinator.com/item?id=5095516 regarding CSS optimisation. The common request/theme in these comments was the ability to 'record' your CSS usage on your website as you used it, thus capturing all the CSS selectors (i.e. on a dynamic website). Turns out this functionality is actually inside Chrome Developer Tools; "CSS Selector Profile". The profiler seems to be designed to record how much work each CSS selector takes - but I've noticed that it actually 'records' your usage (you press start + stop) - and shows you how many times each selector was called during your usage. i.e. some selectors were used 100 times, other selectors 0 times. So now you can look at your CSS across your whole dynamic site - and remove selectors that are never used.

Share card

Actual performance

1points
Did not reach leaderboard

Launch Intel predictions

Analyze your own launch →
Product HuntOn track for Day 1 leaderboard · Strong signals: new · Missing: mac, agents, macos
64%64% predicted probability of success on Product Hunt, based on ML models trained on real launch data.
Hacker NewsStrong engagement from HN community · Strong signals: ide, io · Missing: https docs, excited, just released
59%59% predicted probability of success on Hacker News, based on ML models trained on real launch data.
nativeThis product was originally launched on this platform.
Indie HackersIH features products with proven revenue · Missing: supports, reddit linkedin, podcasting
47%47% predicted probability of success on Indie Hackers, based on ML models trained on real launch data.
TrustMRRLess likely to generate early MRR · Missing: mobile apps, ios, personal
35%35% predicted probability of success on TrustMRR, based on ML models trained on real launch data.
AppSumoMay struggle as an AppSumo deal · Missing: plus, platform, intuitive
33%33% predicted probability of success on AppSumo, based on ML models trained on real launch data.
Acquire.comPre-revenue stage for this audience · Missing: arr, mrr, revenue
17%17% predicted probability of success on Acquire.com, based on ML models trained on real launch data.
BetaListMay not resonate with beta-testers · Missing: web3, chat, crypto
1%1% predicted probability of success on BetaList, based on ML models trained on real launch data.

Incorrect prediction on native model

Similar products

Re
Record your CSS usage on your website - remove unwanted CSS58%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Record your CSS usage on your website - remove unwanted CSS

Hacker News5
PurifyCSS Online
PurifyCSS Online54%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Remove unused CSS from your website

Indie Hackers1saas
Re
Remove unused css with Purgecss56%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Remove unused css with Purgecss

Hacker News8
SH
SHOW HN: Remove Unused CSS58%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

SHOW HN: Remove Unused CSS

Hacker News2
Se
Seasonal.css: Give your website a seasonal colour scheme70%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Seasonal.css: Give your website a seasonal colour scheme

Hacker News5
CS
CSS Prettifier and Minifier71%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

CSS Prettifier and Minifier

Hacker News1
CS
CSS Penrose Triangle (Impossible Triangle)59%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

CSS Penrose Triangle (Impossible Triangle)

Hacker News1
CS
CSS with no px units60%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

CSS with no px units

Hacker News8
Fi
FizzBuzz in CSS66%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

FizzBuzz in CSS

Hacker News1
At
AtoZ CSS47%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

AtoZ CSS

Hacker News8