The latest articles on DEV Community by Cristian N (@cristiannebunu). https://dev.to/cristiannebunu https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F75739%2Fc973235c-615c-4614-a153-a8583f0666e6.jpg https://dev.to/cristiannebunu en Cristian N Wed, 25 Jul 2018 16:15:40 +0000 https://dev.to/cristiannebunu/clean-up-unused-css-with-purgecss-on-laravel-and-wordpress-54b9 https://dev.to/cristiannebunu/clean-up-unused-css-with-purgecss-on-laravel-and-wordpress-54b9 <p>I read recently the article <a href="https://medium.freecodecamp.org/how-i-dropped-250kb-of-dead-css-weight-with-purgecss-28821049fb">How I dropped 250KB of dead CSS weight with PurgeCSS</a> and thought I should put out my setup for this situation. I use Laravel Mix for both Laravel development and also for my WordPress work. My main stack includes Vue.js and TailwindCSS, so these snippets will do just fine when working with these frameworks. Beyond that, I can’t make any promises.</p> <p>But as an endorsement to PurgeCSS, I will tell you, that for the past few projects I have done in WordPress, I managed to get my CSS file down to around 50 kB minified.</p> <p>My Laravel config file looks like this</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--iaQerYS2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/k2owuc8th6x969lbe79p.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--iaQerYS2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/k2owuc8th6x969lbe79p.png" alt="laravel config"></a></p> <p>My WordPress config file looks like this</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--X-0uex9f--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/53i67a8oi9q05y6rv0iy.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--X-0uex9f--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/53i67a8oi9q05y6rv0iy.png" alt="wordpress config"></a></p> <p><em>Originally published at <a href="http://cristiannebunu.com/clean-up-unused-css-with-purgecss-on-laravel-and-wordpress">cristiannebunu.com</a> on July 25, 2018</em></p> laravel vue wordpress purgecss