Minifying Your CSS File. Once your website is working and you are ready to distribute it to the web, you have one task remaining: minifying your code. Minifying<\/strong> refers to the process of removing unnecessary characters that are not required for your site to execute properly. For example, the following text in a CSS file contains comments and line returns and blank spaces, which makes the text easy to read, but these features are not required and have no impact on how the browser renders the page:<\/p>\n\n\n\n \/* Tablet Styles *\/<\/p>\n\n\n\n nav.horizontal > ul > li { display: block; }<\/p>\n\n\n\n A minified version of this code removes the comment and the extraneous white-space characters leaving the following compact version:<\/p>\n\n\n\n nav .horizontal>ul>li{display:block;}<\/p>\n\n\n\n Minifying has several important advantages:<\/p>\n\n\n\n There are several free tools available on the web to automate the minification process including CSS Minifier, Compress HTML, HTML Minifier, and CSS Compressor. Also, many HTML editors include built-in minifying tools. Remember, a minified file is still a text file and can be read (though with difficulty) in a text editor.<\/p>\n\n\n\n To further reduce your file sizes, consider compressing your files using utilities like Gzip. A compressed file is no longer in text format and must be uncompressed before it is readable. All modern browsers support Gzip compression for files retrieved from a server. Make sure you know how to properly configure your web server to serve Gzip-compressed file in a readable format to the browser.<\/p>\n\n\n\n The process of minifying your files is irreversible, so make sure you retain the version with the text in a readable format and all of your comments preserved. Most minifying and compression tools will make a backup of your original files.<\/p>\n","protected":false},"excerpt":{"rendered":" The process of minifying your files is irreversible, so make sure you retain the version with the text in a readable format and all of your comments preserved.<\/p>\n","protected":false},"author":2,"featured_media":1293,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[48],"tags":[49,71,70],"class_list":["post-1202","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design","tag-advanced-web-design","tag-mobile-web-design","tag-web-design"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t