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.


44 Responses »

  1. It really is practically unattainable to see well-qualified men or women on this theme, fortunately you come across as like you are familiar with the things that you’re writing on! Thanks

  2. You’re so awesome! I do not believe I’ve ttruly read something like that before.
    So nice to find another person with original thoughts on this subject.
    Seriously.. thanks ffor starting this up. This site is something that is required on the web, someone with a bit of originality!

  3. Hello would you mind letting me know which webhost you’re utilizing?
    I’ve loaded your blog in 3 completely different internet browsers and I must say this blog
    loads a loot quicker then most. Can you suggest a good hosting provider
    at a reasonable price? Many thanks, I appreciate it!

  4. Currently it sounds like Expression Engine is
    the preferred blogging platform out there right now.
    (from what I’ve read) Is that what you’re using on your blog?

  5. There’s certainly a lot to know about this issue. I like all the
    points you’ve made.

  6. Thanks for the auspicious writeup. It actually was once a enjoyment
    account it. Glance complicated to more introduced agreeable from you!

    By the way, how could we keep in touch?

  7. I’d like to thank you for the efforts you have put in writing this website.
    I’m hoping to check out the same high-grade blog posts by you in the
    future as well. In truth, your creative writing abilities has encouraged me to get my very own site now ;
    )

  8. Hi there just wanted to give you a quick heads up.
    The text in your content seem to be running off the screen in Opera.
    I’m not sure if this is a format issue or something to do with internet browser compatibility
    but I thought I’d post to let you know. The design look great though!
    Hope you get the issue resolved soon. Cheers

  9. Ѕaved as a favorite, I love your ѕite!

  10. Write more, thats all I have to say. Literally, it seems
    as though you relied on the video to make your point. You definitely know what youre talking about, why throw away
    your intelligence on just posting videos to your weblog when you
    could be giving us something informative to read?

  11. I always have a change of clothes with me when I am on a shoot because I tend to end up covered in mud.

    How in the world is Halloween related to longevity.
    ” Did the chance of elimination scare her into a reality check.

  12. Hello there, I discovered your website by the use of Google at the same time as searching for a
    comparable subject, your website came up, it
    looks great. I’ve bookmarked it in my google bookmarks.
    Hello there, simply changed into aware of your weblog via
    Google, and found that it’s really informative. I’m going to be careful for brussels.
    I’ll be grateful should you continue this
    in future. Lots of other folks might be benefited out
    of your writing. Cheers!

  13. Wonderful beat ! I wish to apprentice while you amend your site, how
    could i subscribe for a blog site? The account helped me a acceptable deal.
    I had been a little bit acquainted of this your broadcast offered bright clear
    concept

  14. My coder is trying to convince me to move to .net from PHP.
    I have always disliked the idea because of the expenses.
    But he’s tryiong none the less. I’ve been using WordPress on several websites for about a year and am
    nervous about switching to another platform.

    I have heard great things about blogengine.net.
    Is there a way I can import all my wordpress posts into it?
    Any kind of help would be greatly appreciated!

  15. I always used to read piece of writing in news papers but now as I am a user of internet therefore from now I am using net for content,
    thanks to web.

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.