{"id":1897,"date":"2016-07-25T16:42:22","date_gmt":"2016-07-25T21:42:22","guid":{"rendered":"http:\/\/cssnewbie.com\/?p=1897"},"modified":"2016-07-25T16:42:22","modified_gmt":"2016-07-25T21:42:22","slug":"quick-tip-how-to-minify-your-css","status":"publish","type":"post","link":"https:\/\/cssdeck.com\/blog\/quick-tip-how-to-minify-your-css\/","title":{"rendered":"Quick Tip: How to Minify Your CSS"},"content":{"rendered":"

Minifying your CSS basically means to get rid of all of the unnecessary characters (spaces, line breaks, etc) to strip down your stylesheets so that only what is absolutely essential to run the code remains.\u00a0Putting your CSS through this process makes your code more lightweight and can help to increase the speed and efficiency of your site load times and overall functionality.<\/p>\n

\"Screen<\/p>\n

While it is possible to manually minify your CSS, it isn’t recommended. Compressing your own code (especially if you have longer stylesheets) can take forever. Luckily, there are a handful of really good tools available to minify your CSS for free. Try this one<\/a> (pictured above), or this one<\/a>, or conduct your own search to find one that you feel comfortable using.<\/p>\n

On a similar note, there are also CSS formatters that exist when you come across minified CSS and need to un-compress it in order to really work on the styling. This CSS formatter<\/a> does a great job at beautifully formatting your code.<\/p>\n

Share and Enjoy !<\/h3>
0<\/span><\/span>Shares<\/small><\/div>
<\/i>0<\/span><\/span><\/a><\/span>\n<\/i><\/a><\/span>\n<\/i><\/a><\/span>\n<\/i>0<\/span><\/span><\/a><\/span>\n<\/i><\/a><\/span>\n<\/i><\/a><\/span><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"

Minifying your CSS basically means to get rid of all of the unnecessary characters (spaces, line breaks, etc) to strip down your stylesheets so that only what is absolutely essential to run the code remains.\u00a0Putting your CSS through this process […]<\/p>\n

Read Article<\/a><\/p>\n","protected":false},"author":18,"featured_media":2758,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[173,174,192,1],"tags":[],"_links":{"self":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/1897"}],"collection":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/comments?post=1897"}],"version-history":[{"count":0,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/1897\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media\/2758"}],"wp:attachment":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media?parent=1897"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/categories?post=1897"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/tags?post=1897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}