Uncss? - Site Owners Forums

Vroom · 01-17-2016, 02:30 PM

Hi - has anyone got a good dummies guide to setting up uncss. I don't even have Putty or similar set-up or Grunt installed. A bit daunting.

I'm running WP site on Apache. Unfortunately the theme I selected in bloated. I've checked using developer tools and got a lot on unused CSS.

For performance I'm looking at getting rid of unused CSS. There are plenty of plugins to minify / gzip / cache. But not sure how to approach the uncsss.

pvchien · 01-22-2016, 12:47 AM

thanks, i will order it

hdensr · 01-28-2016, 10:18 PM

hello friends,
I recently became obsessed with optimising this website for maximum speed, trying to get every file as small and minified as possible. One of the things which bugged me was having a rather bulky CSS file. This site was built using Bootstrap mainly because I like the grid system but also because there is a great mobile hamburger menu that works straight out of the box. Even though you can customise Bootstrap by downloading only the components you are going to use, you still end up with some excess CSS. To cut this out you can use a Grunt task called UnCSS which runs through your sites HTML and cuts out any unused CSS rules. The only problem is that it is rather complicated to run this task with WordPress as all the pages are created dynamically with PHP.

Pen Drive With Logo

01-17-2016, 02:30 PM	#1
Vroom Registered User Join Date: Nov 2015 Location: Sydney, Australia Posts: 11	Uncss? Hi - has anyone got a good dummies guide to setting up uncss. I don't even have Putty or similar set-up or Grunt installed. A bit daunting. I'm running WP site on Apache. Unfortunately the theme I selected in bloated. I've checked using developer tools and got a lot on unused CSS. For performance I'm looking at getting rid of unused CSS. There are plenty of plugins to minify / gzip / cache. But not sure how to approach the uncsss. __________________ To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.

01-22-2016, 12:47 AM	#2
pvchien Registered User Join Date: Jan 2016 Posts: 163	thanks, i will order it __________________ To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. ========================== To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. \|\| To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. \|\| To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. \|\| To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. \|\| To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. \|\| To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. \|\| To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.

01-28-2016, 10:18 PM	#3
hdensr Registered User Join Date: Jan 2016 Posts: 16	hello friends, I recently became obsessed with optimising this website for maximum speed, trying to get every file as small and minified as possible. One of the things which bugged me was having a rather bulky CSS file. This site was built using Bootstrap mainly because I like the grid system but also because there is a great mobile hamburger menu that works straight out of the box. Even though you can customise Bootstrap by downloading only the components you are going to use, you still end up with some excess CSS. To cut this out you can use a Grunt task called UnCSS which runs through your sites HTML and cuts out any unused CSS rules. The only problem is that it is rather complicated to run this task with WordPress as all the pages are created dynamically with PHP. Pen Drive With Logo

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)