Back
Question
Asked

Your approach to maximise frontend performance?

Hey guys,

I'm curious about how do you make sure your frontend code performs well? I mean, in terms of file sizes after build (js, css, html), or other practices.

I come from backend background, I'm pretty comfortable with frontend dev these days, thanks to you guys' suggestions & advices (https://wip.chat/questions/how-do-you-work-with-css).

However, my personal experience is, I still can't minimise the css file successfully, no matter what I try. I'm delivering big files to the frontend (size > 600kb).

I use tailwind css, I followed the instructions, and tried some other approaches to use purgecss to minimise file size, And when the file is minimised, it just doesn't work. I've spent days trying to figure it out, it's getting frustrating now.

I've published the boilerplate I created for myself to use to spin up new project quickly, would someone kindly have a look? Or share your practices? It would be really helpful! Thanks a lot!