(critical-css-extractor.kigo.studio)

234 points stevenpotts | 1 comments | 06 May 25 03:13 UTC | HN request time: 0.203s | source

Show context

stevenpotts ◴[06 May 25 03:13 UTC] No.43901496[source]▶

I searched online for tools to extract the critical css of a website for one of my clients, I couldn't find one that did the job so I did so after using Puppeteer locally and then decided to share the solution I used that let's you specify how long to wait after page load to extract the styles; even found a paid one but requested refund after it didn't work.

Feedback welcome, it's free for now.

replies(4): >>43901863 #>>43902081 #>>43902101 #>>43902559 #

indeyets ◴[06 May 25 07:21 UTC] No.43902559[source]▶

>>43901496 #

Is it the UI for penthouse lib? Settings look very similar :)

replies(1): >>43928610 #

1. stevenpotts ◴[08 May 25 17:20 UTC] No.43928610[source]▶

>>43902559 #

it's based on penthouse, honestly, the most "difficult" part of this was setting up CloudRun with docker to get puppeteer to work and be able to wait whatever amount of time the user needed and netlify functions, I tried using tools like https://criticalcss.com/generate but they just didn't work because of the lack 'waiting' I guess

↑

Critical CSS