8 CSS Compression Tools to Decrease Load Time

We all find ourselves searching for ways to decrease load time whether by enhancing our servers, the network, or performing code optimizations. One thing we all tend to do in different ways is the way we write out our CSS code. Some of us like to keep things shorthand, some of us like to separate each element, others do not like to lay out their code in a top to bottom fashion. Whichever way floats your boat, we all have one thing in common, seeking optimization. With that said, we dive right into CSS compression tools that help you optimize your code and additionally help you learn new optimization techniques to apply yourself.

CSS compression tools have an ultimate goal: to compress your CSS code as much as possible by eliminating and merging code to help eliminate download time. With that said, many compression tools use different techniques such as eliminating whitespace, merging properties and elements, and the likes. Therefore, when using these compression tools, make sure you do not quite overwrite your code with the compressed code for readabilities sake.

CSS Drive

CSS Drive

CSS Drive is a great utility to help increase load time and cut back on bandwidth usage. It uses compression modes to determine how far it should go on compression while providing you great control on how to handle comments within your code, which many CSS compression tools just strip out altogether.

CSS Compressor

CSS Compressor

CSS Compressor has to be second on my list for compression tools. Like CSS Drive, it provides different compression modes for you to choose from and it additionally provides some great compression options giving you great control on what it should tweak or touch exactly, and what it should not.

CSS Optimizer

CSS Optimizer

CSS Optimizer is a great lightweight CSS compression and optimization tool. You can easily upload your CSS file, or provide it by pasting the URL to it, and just hit optimize and it will do the rest. While it is lightweight, it is a great tool to jump on when you need some quick optimization performed.

Seven Forty

Seven Forty

Seven Forty is a great online compression tool based on the Java YUI Compressor. It has little to no setting customizations other than a line break option, but that should not mean that you should not use it, as its compression techniques are really extensive and definitely something you should put on your list to use.

Clean CSS

Clean CSS

Clean CSS is a great CSS compressor giving you complete control over what it does, and how. It contains a plethora of delicious customization options including a discard option which discards elements that are outside certain CSS versions. Additionally, if all the options it provides do not satisfy your own compression and optimization needs, you can create a custom code layout or template for it to base its compression and optimization techniques on to assure you are getting exactly what you want. Clean CSS is definitely a tool you do not want to disregard without at least giving it a try.

Pingates

Pingates

Pingates is another great CSS compression tool designed for long style sheets with countless lines of code that could use some compression and optimization. It has a nice set of options on how to handle rules, properties, and compression methods to give you some control on its methods.

Minify CSS

Minify CSS

Minify CSS is similar to that of Clean CSS with the template idea and set of options. It is another CSS compressor tool to give a whirl that might hit your favorites list.

Shy Gypsy

Shy Gypsy

While having an interesting name, it is a very lightweight simple option-less service with a simple CSS input and output box, along with a compress button. While being lightweight, it is a good tool to tinker with when you need something compressed quickly.


87 Responses »

  1. Maybe mixed martial arts fighters can pull off devastating knockout kicks to the head, but if you are not that well trained or skilled, you will
    miss and probably get thrown to the ground.
    To enhance mental stability, one must have a spiritual mentor that can cleanse the soul of all its
    negativity. Brady did survive the shooting but suffered neurological damage and lives life in a
    wheelchair.

  2. Great website. Lots of helpful info here.
    I’m sending it to several friends ans additionally sharing in delicious.
    And certainly, thanks in your sweat!

  3. I do accept as true with all of the ideas you have introduced on your post.
    They are very convincing and can definitely work.
    Nonetheless, the posts are too quick for novices.

    May you please extend them a bit from subsequent time?
    Thank you for the post.

  4. The Smart Camera app does seem to be something that will make you want this phone.

    All of those titles will be available on Oct.
    For any business to grow it will need some time and money.

  5. s coworkers liked her, but she took up with Cathy and they became lovers.
    The ones that made it rich during the Gold Rush were the ones that built
    the stores that sold the picks and the shovels and the pans and everything else to
    the people that were out digging for the gold. No one could believe that a person who entered
    healthcare would actively kill a patient, let alone become an outright predator.

  6. Today, while I was at work, my cousin stole my apple ipad and tested to see if it can survive a 40 foot drop, just so she can be a youtube sensation. My
    iPad is now destroyed and she has 83 views. I know this is totally off topic
    but I had to share it with someone!

  7. I do not know whether it’s just me or if everybody else encountering
    issues with your site. It appears like some of the written text on your posts are running off
    the screen. Can someone else please provide feedback and let me know if this is happening
    to them too? This might be a problem with my web browser because I’ve had this happen before.
    Thanks

  8. Hey, I think your website might be having browser compatibility
    issues. When I look at your blog site in Opera, it looks fine but when opening in Internet Explorer, it has some overlapping.
    I just wanted to give you a quick heads up! Other then that, terrific blog!

Trackbacks

  1. Comment améliorer le temps de chargement d'une page?
  2. AP PuristS P10 Anniversary edition – (0 Replies) | Hello Watches!
  3. コーチ 財布
  4. クロエ 財布

Leave a Comment

Category Selection

About Us

Boxie Designer is a blog on web design and development tips, tutorials, how-to's, and anything else under the web design and development genre. In order to keep our readers informed, we also have some Editor Picks in where the Editor selects some great outside articles on the topic.

Our Writers

The folks behind Boxie Designer are skilled designers and developers like yourself, with years of experience in the field. Their goal is to help share some tips and secrets they learned along the way.