stevenpotts

6 ms·

1.
by stevenpotts 9mo ago
Around May I posted a critical CSS generator and it got some attention. I found a word-for-word copy that performs better in Google but has worse results IMO, recently received an email of a person who uses the tool often asking if the tool
2.
Show HN: Listened to your feedback, Critical CSS Generator(kigo.studio)
11 points by stevenpotts 9mo ago|4 comments
3.
by stevenpotts 1y ago
Nice post about backdrop filter! I did change the trigger for the scroll so glad it works
4.
by stevenpotts 1y ago
I will take that into account, what you write makes sense! I had actually debated on how to handle the loader and prioritized UI over experience and just showing the content ASAP and yes, external resources have given me headaches, I apprec
5.
by stevenpotts 1y ago
cool! thanks! I actually really like Nuxt
6.
by stevenpotts 1y ago
I used it on a pure html, js and css static site with bootstrap, it was useful there to me
7.
by stevenpotts 1y ago
not really, I think it just wasn't able to read a css file, I saw some other comments, will check this error, maybe give me visual feedback to the user
8.
by stevenpotts 1y ago
Hey Chris! you're talking about kigo.studio, right? can you tell me which version of firefox you are using? I tested it on my mac firefox 135.0.1 (aarch64) and it works fine I don't mess with the scroll, well, I do disable it befo
9.
by stevenpotts 1y ago
hehe I didn't use this tool for Kigo's site since I built it from scratch, the loader is used because of the BG videos, I wanted the videos to load completely before showing the page, do you think there is a better approach? def w
10.
by stevenpotts 1y ago
Yes, this is for specific use cases, I don't have a use for this for sites where I coded everything myself, this has been useful for static sites where I downloaded a template that uses libraries, probably useful for people with simila
11.
by stevenpotts 1y ago
Will check this case, thanks!
12.
by stevenpotts 1y ago
Yes, for first view page and it is a trade off, best approach is writing all the styles and code yourself, not use libraries, etc.
13.
by stevenpotts 1y ago
hehe, I know... I should think about that, I got tons of visits but unsure this is worthwhile since it appears it's not that useful for most people?
14.
by stevenpotts 1y ago
Yeap, I had to change some styles after applying this but managed to get CLS to 0 for the websites, I know this isn't useful for everyone but it was really useful for me as I have been using templates for clients with limited budgets t
15.
by stevenpotts 1y ago
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 usin
16.
by stevenpotts 1y ago
interesting! thanks!
17.
by stevenpotts 1y ago
nice!
18.
by stevenpotts 1y ago
I know... to be fair, I did test this for my use cases on older phones with throttled slower connections and it did improve the UX but I get what you're saying, I think it also depends on your target audience, who cares if your site is
19.
by stevenpotts 1y ago
Oh, writing clean css, html and js is THE WAY TO GO but you might inherit a messy project, download a template or even work on a project you coded poorly
20.
by stevenpotts 1y ago
There are definitely better ways, however, for some scenarios and time constraint, this tool was really useful, e.g., I used a template, since the budget was tight and it had 10,000 of lines of CSS and I had to do something quickly to impro
21.
by stevenpotts 1y ago
you are right, I will add this option, probably replace the 'before body' option, the 'DOMCONTENTLOADED' option has worked wonders for me, even tested it on old phones and slower connections, it's good enough for UX
22.
by stevenpotts 1y ago
I will test it out, didn't find it!
23.
Critical CSS(critical-css-extractor.kigo.studio)
234 points by stevenpotts 1y ago|116 comments
24.
by stevenpotts 1y ago
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 yo