{"id":711,"date":"2018-09-23T10:33:27","date_gmt":"2018-09-23T07:33:27","guid":{"rendered":"https:\/\/www.golaserengraving.com\/blog\/?p=711"},"modified":"2022-02-18T12:11:10","modified_gmt":"2022-02-18T09:11:10","slug":"minify-css-codes-static-websites","status":"publish","type":"post","link":"https:\/\/www.golaserengraving.com\/blog\/minify-css-codes-static-websites\/","title":{"rendered":"How To Manually Minify CSS Codes In Static Websites"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;3.22&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;3.27.4&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;]<div id=\"attachment_712\" style=\"width: 637px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" aria-describedby=\"caption-attachment-712\" class=\"wp-image-712 size-full\" src=\"https:\/\/www.golaserengraving.com\/blog\/wp-content\/uploads\/2016\/06\/minify-css-code.png\" alt=\"minify css code\" width=\"627\" height=\"392\" srcset=\"https:\/\/www.golaserengraving.com\/blog\/wp-content\/uploads\/2016\/06\/minify-css-code.png 627w, https:\/\/www.golaserengraving.com\/blog\/wp-content\/uploads\/2016\/06\/minify-css-code-600x375.png 600w, https:\/\/www.golaserengraving.com\/blog\/wp-content\/uploads\/2016\/06\/minify-css-code-300x188.png 300w\" sizes=\"(max-width: 627px) 100vw, 627px\" \/><p id=\"caption-attachment-712\" class=\"wp-caption-text\">Minify CSS Code<\/p><\/div><\/p>\n<p>Webmasters <strong>minify CSS codes<\/strong> to reduce their size so that they load faster. Online business success depends on many factors. One of them is your website speed. Most online marketers focus more on design, content and SEO. They forget the technical aspect of improving the load times to give the internet users a pleasant experience.<\/p>\n<p>This simple tutorial is intended to help webmasters to learn how they can <strong>manually minify CSS codes<\/strong> in static websites. It\u2019s designed to help web designers to create sites with downsized CCS markups. A minified CSS source code leads to improvement in the website load time performance, hence an excellent experience for internet users. It also leads to a better search engine ranking.<\/p>\n<h2>What Does It Mean to Minify CSS Codes?<\/h2>\n<p>People use the term minification in computer programming languages. To minify CSS codes is to remove all unnecessary characters from the source code without altering its functionality or the way it works. These unnecessary characters include the following:<\/p>\n<ul>\n<li><strong>Whitespace characters<\/strong> \u2013 these represent horizontal and vertical space in the typography.<\/li>\n<li>The new<strong> line<\/strong> \u2013 special characters that indicate the end of a line of text.<\/li>\n<li><strong>Comments<\/strong> \u2013 these are source code comments that make it easier to understand the code<\/li>\n<li><strong>Blocks<\/strong> \u2013 statement blocks usually signified by the use of brace brackets { }.<\/li>\n<\/ul>\n<p>To minify CSS codes is to reduce them, to shorten them, to downsize them, to trim them, to compress them or compact them. A <strong>minified CSS code<\/strong> and the one that is not minified both display your website layout in the same way. The only difference is that with minified CSS source codes, a few bytes of CSS markup is sent and the number of requests to get the bits is reduced. The reverse is true with CSS codes that aren\u2019t minified. More CSS bytes are sent, leading to an increased number of requests.<\/p>\n<h3>How Do You Minify CSS Source Codes?<\/h3>\n<p>There are several minify CSS tools that you can use to compress your CSS, such as <a class=\"zem_slink\" title=\"CSS Compressor\" href=\"http:\/\/www.cssdrive.com\/index.php\/main\/csscompressor\/\" target=\"_blank\" rel=\"homepage noopener noreferrer\">CSS Compressor<\/a>. But in this tutorial, I would like to show you how you can manually do it. To effectively minify your CSS markup, do the following:<\/p>\n<h4><strong>First, Remove all the CSS Source Code Comments.<\/strong><\/h4>\n<p>Programmers use these comments to make the source code easier to understand in programming. But they has nothing to do with They look like in the examples below:<\/p>\n<table>\n<tbody>\n<tr>\n<td><span style=\"color: #ff0000;\">\/* tells browsers that don&#8217;t read HTML 5 tags to render like divs *\/<\/span><\/p>\n<p><span style=\"color: #ff0000;\">\/* Copyright (c) 2012 Goleza Designers Limited, All rights reserved<\/span><br \/>\n<span style=\"color: #ff0000;\">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-*\/<\/span><\/p>\n<p><span style=\"color: #ff0000;\">\/* Reset v1.0 | 20080212 &#8211; http:\/\/meyerweb.com\/eric\/tools\/css\/reset\/<\/span><br \/>\n<span style=\"color: #ff0000;\">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-*\/<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4><strong>Secondly, Remove Whitespace Characters in the Source Code.<\/strong><\/h4>\n<p>Examples of white space are as follows:<\/p>\n<table>\n<tbody>\n<tr>\n<td><span style=\"color: #ff0000;\">U+0020 | SPACE (HTML: &amp;#32;)<\/span><br \/>\n<span style=\"color: #ff0000;\">ASCII space (&amp;#x0020;)<\/span><br \/>\n<span style=\"color: #ff0000;\"><span style=\"color: #0000ff;\"><a class=\"zem_slink\" style=\"color: #0000ff;\" title=\"ASCII tab\" href=\"http:\/\/en.wikipedia.org\/wiki\/ASCII_tab\" target=\"_blank\" rel=\"noopener wikipedia noreferrer\">ASCII tab<\/a><\/span> ( )<\/span><br \/>\n<span style=\"color: #ff0000;\">Zero-width space (&amp;#x200B;)<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<p><strong style=\"color: #333333; font-size: 18px;\">Thirdly, Format your CSS Codes on a Single Line.<\/strong><\/p>\n<p>Your CSS blocks should look like as in <em><strong>Block A<\/strong><\/em> and NOT as in <em><strong>Block B<\/strong><\/em><\/p>\n<p><strong><span style=\"text-decoration: underline;\">Block A<\/span><\/strong><\/p>\n<table>\n<tbody>\n<tr>\n<td><span style=\"color: #ff0000;\">h3 {color:#FF8000;font-family: Verdana,Arial, &#8220;Times New Roman&#8221;;text-align:center;text-height:1em;}<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<p><strong><span style=\"text-decoration: underline;\">Block B<\/span><\/strong><\/p>\n<table>\n<tbody>\n<tr>\n<td><span style=\"color: #ff0000;\">h3 {<\/span><br \/>\n<span style=\"color: #ff0000;\">color:#FF8000;<\/span><br \/>\n<span style=\"color: #ff0000;\">font-family: Verdana,Arial, &#8220;Times New Roman&#8221;;<\/span><br \/>\n<span style=\"color: #ff0000;\">text-align:center;<\/span><br \/>\n<span style=\"color: #ff0000;\">text-height:1em;<\/span><br \/>\n<span style=\"color: #ff0000;\">}<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4>Lastly<strong>, Remove Newlines.<\/strong><\/h4>\n<p>These are characters that signify the end of the text line, also known as line endings, line breaks.<\/p>\n<p>A well minified source code should therefore look like as in the example below:<\/p>\n<table>\n<tbody>\n<tr>\n<td><span style=\"color: #ff0000;\">#mainLeft{float:left;padding-top:40px;position:relative;width:325px;text-align:left;}<\/span><br \/>\n<span style=\"color: #ff0000;\">#mainLeft img{border:none;position:absolute;top:250px;z-index:5;}<\/span><br \/>\n<span style=\"color: #ff0000;\">#mainLeft .hostgator{border:none;position:absolute;top:670px;left:102px;z-index:5;}<\/span><br \/>\n<span style=\"color: #ff0000;\">#mainLeft h2{color:#444;font-size:0.8em;text-transform:uppercase;text-align:center;}<\/span><br \/>\n<span style=\"color: #ff0000;\">#mainLeft h1 span{font-size:40px;color:#FF8000;font-weight:bold;}<\/span><br \/>\n<span style=\"color: #ff0000;\">#mainLeft h2 span{top:493px !important;}<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h5>Conclusion<\/h5>\n<p>In conclusion, when you minify CSS code using the steps mentioned above, you will reduce the network latency, enhance compression and improve browser loading time and execution. A <a href=\"https:\/\/www.golaserengraving.com\/blog\/slow-loading-website\/\">fast-loading website<\/a> is key to your online business success.<\/p>\n<h6 class=\"zemanta-related-title\" style=\"margin: 0 0 10px 0; padding: 0; clear: both;\">Related articles across the web<\/h6>\n<ul class=\"zemanta-article-ul zemanta-article-ul-image\" style=\"margin: 0; padding: 0; overflow: hidden;\">\n<li class=\"zemanta-article-ul-li-image zemanta-article-ul-li\" style=\"padding: 0; background: none; list-style: none; display: block; float: left; vertical-align: top; text-align: left; width: 104px; font-size: 12px; margin: 0 5px 10px 0;\">Bundling and minifying in ASP.NET MVC<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n<span class=\"et_bloom_bottom_trigger\"><\/span>","protected":false},"excerpt":{"rendered":"<p>Webmasters minify CSS codes to reduce their size so that they load faster. Online business success depends on many factors. One of them is your website speed. Most online marketers focus more on design, content and SEO. They forget the technical aspect of improving the load times to give the internet users a pleasant experience. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":28516,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"[caption id=\"attachment_712\" align=\"aligncenter\" width=\"627\"]<img class=\"wp-image-712 size-full\" src=\"https:\/\/www.golaserengraving.com\/blog\/wp-content\/uploads\/2016\/06\/minify-css-code.png\" alt=\"minify css code\" width=\"627\" height=\"392\" \/> Minify CSS Code[\/caption]<p>Webmasters <strong>minify CSS codes<\/strong> to reduce their size so that they load faster. Online business success depends on many factors. One of them is your website speed. Most online marketers focus more on design, content and SEO. They forget the technical aspect of improving the load times to give the internet users a pleasant experience.<\/p><p>This simple tutorial is intended to help webmasters to learn how they can <strong>manually minify CSS codes<\/strong> in static websites. It\u2019s designed to help web designers to create sites with downsized CCS markups. A minified CSS source code leads to improvement in the website load time performance, hence an excellent experience for internet users. It also leads to a better search engine ranking.<\/p><h2>What Does It Mean to Minify CSS Codes?<\/h2><p>People use the term minification in computer programming languages. To minify CSS codes is to remove all unnecessary characters from the source code without altering its functionality or the way it works. These unnecessary characters include the following:<\/p><ul><li><strong>Whitespace characters<\/strong> \u2013 these represent horizontal and vertical space in the typography.<\/li><li>The new<strong> line<\/strong> \u2013 special characters that indicate the end of a line of text.<\/li><li><strong>Comments<\/strong> \u2013 these are source code comments that make it easier to understand the code<\/li><li><strong>Blocks<\/strong> \u2013 statement blocks usually signified by the use of brace brackets { }.<\/li><\/ul><p>To minify CSS codes is to reduce them, to shorten them, to downsize them, to trim them, to compress them or compact them. A <strong>minified CSS code<\/strong> and the one that is not minified both display your website layout in the same way. The only difference is that with minified CSS source codes, a few bytes of CSS markup is sent and the number of requests to get the bits is reduced. The reverse is true with CSS codes that aren\u2019t minified. More CSS bytes are sent, leading to an increased number of requests.<\/p><h3>How Do You Minify CSS Source Codes?<\/h3><p>There are several minify CSS tools that you can use to compress your CSS, such as <a class=\"zem_slink\" title=\"CSS Compressor\" href=\"http:\/\/www.cssdrive.com\/index.php\/main\/csscompressor\/\" target=\"_blank\" rel=\"homepage noopener noreferrer\">CSS Compressor<\/a>. But in this tutorial, I would like to show you how you can manually do it. To effectively minify your CSS markup, do the following:<\/p><h4><strong>First, Remove all the CSS Source Code Comments.<\/strong><\/h4><p>Programmers use these comments to make the source code easier to understand in programming. But they has nothing to do with They look like in the examples below:<\/p><table><tbody><tr><td><p><span style=\"color: #ff0000;\">\/* tells browsers that don't read HTML 5 tags to render like divs *\/<\/span><\/p><p><span style=\"color: #ff0000;\">\/* Copyright (c) 2012 Goleza Designers Limited, All rights reserved<\/span><br \/><span style=\"color: #ff0000;\">----------------------------------------------------------------------------------*\/<\/span><\/p><p><span style=\"color: #ff0000;\">\/* Reset v1.0 | 20080212 - http:\/\/meyerweb.com\/eric\/tools\/css\/reset\/<\/span><br \/><span style=\"color: #ff0000;\">----------------------------------------------------------------------------------*\/<\/span><\/p><\/td><\/tr><\/tbody><\/table><h4><strong>Secondly, Remove Whitespace Characters in the Source Code.<\/strong><\/h4><p>Examples of white space are as follows:<\/p><table><tbody><tr><td><span style=\"color: #ff0000;\">U+0020 | SPACE (HTML:  )<\/span><br \/><span style=\"color: #ff0000;\">ASCII space ( )<\/span><br \/><span style=\"color: #ff0000;\"><span style=\"color: #0000ff;\"><a class=\"zem_slink\" style=\"color: #0000ff;\" title=\"ASCII tab\" href=\"http:\/\/en.wikipedia.org\/wiki\/ASCII_tab\" target=\"_blank\" rel=\"noopener wikipedia noreferrer\">ASCII tab<\/a><\/span> ( )<\/span><br \/><span style=\"color: #ff0000;\">Zero-width space (\u200b)<\/span><\/td><\/tr><\/tbody><\/table><p>\u00a0<\/p><p><strong style=\"color: #333333; font-size: 18px;\">Thirdly, Format your CSS Codes on a Single Line.<\/strong><\/p><p>Your CSS blocks should look like as in <em><strong>Block A<\/strong><\/em> and NOT as in <em><strong>Block B<\/strong><\/em><\/p><p><strong><span style=\"text-decoration: underline;\">Block A<\/span><\/strong><\/p><table><tbody><tr><td><span style=\"color: #ff0000;\">h3 {color:#FF8000;font-family: Verdana,Arial, \"Times New Roman\";text-align:center;text-height:1em;}<\/span><\/td><\/tr><\/tbody><\/table><p>\u00a0<\/p><p><strong><span style=\"text-decoration: underline;\">Block B<\/span><\/strong><\/p><table><tbody><tr><td><span style=\"color: #ff0000;\">h3 {<\/span><br \/><span style=\"color: #ff0000;\">color:#FF8000;<\/span><br \/><span style=\"color: #ff0000;\">font-family: Verdana,Arial, \"Times New Roman\";<\/span><br \/><span style=\"color: #ff0000;\">text-align:center;<\/span><br \/><span style=\"color: #ff0000;\">text-height:1em;<\/span><br \/><span style=\"color: #ff0000;\">}<\/span><\/td><\/tr><\/tbody><\/table><h4>Lastly<strong>, Remove Newlines.<\/strong><\/h4><p>These are characters that signify the end of the text line, also known as line endings, line breaks.<\/p><p>A well minified source code should therefore look like as in the example below:<\/p><table><tbody><tr><td><span style=\"color: #ff0000;\">#mainLeft{float:left;padding-top:40px;position:relative;width:325px;text-align:left;}<\/span><br \/><span style=\"color: #ff0000;\">#mainLeft img{border:none;position:absolute;top:250px;z-index:5;}<\/span><br \/><span style=\"color: #ff0000;\">#mainLeft .hostgator{border:none;position:absolute;top:670px;left:102px;z-index:5;}<\/span><br \/><span style=\"color: #ff0000;\">#mainLeft h2{color:#444;font-size:0.8em;text-transform:uppercase;text-align:center;}<\/span><br \/><span style=\"color: #ff0000;\">#mainLeft h1 span{font-size:40px;color:#FF8000;font-weight:bold;}<\/span><br \/><span style=\"color: #ff0000;\">#mainLeft h2 span{top:493px !important;}<\/span><\/td><\/tr><\/tbody><\/table><h5>Conclusion<\/h5><p>In conclusion, when you minify CSS code using the steps mentioned above, you will reduce the network latency, enhance compression and improve browser loading time and execution. A <a href=\"https:\/\/www.golaserengraving.com\/blog\/slow-loading-website\/\">fast-loading website<\/a> is key to your online business success.<\/p><h6 class=\"zemanta-related-title\" style=\"margin: 0 0 10px 0; padding: 0; clear: both;\">Related articles across the web<\/h6><ul class=\"zemanta-article-ul zemanta-article-ul-image\" style=\"margin: 0; padding: 0; overflow: hidden;\"><li class=\"zemanta-article-ul-li-image zemanta-article-ul-li\" style=\"padding: 0; background: none; list-style: none; display: block; float: left; vertical-align: top; text-align: left; width: 104px; font-size: 12px; margin: 0 5px 10px 0;\">Bundling and minifying in ASP.NET MVC<\/li><\/ul>","_et_gb_content_width":"","footnotes":""},"categories":[4],"tags":[51],"class_list":["post-711","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-knowledge-base","tag-web-designing"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Minify CSS - How To Manually Minify CSS Source Codes<\/title>\n<meta name=\"description\" content=\"Minify CSS tutorial to help you as a webmaster to learn how to minify CSS source codes on static websites to improve your site&#039; load time performance.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.golaserengraving.com\/blog\/minify-css-codes-static-websites\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Minify CSS - How To Manually Minify CSS Source Codes\" \/>\n<meta property=\"og:description\" content=\"Minify CSS tutorial to help you as a webmaster to learn how to minify CSS source codes on static websites to improve your site&#039; load time performance.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.golaserengraving.com\/blog\/minify-css-codes-static-websites\/\" \/>\n<meta property=\"og:site_name\" content=\"Goleza Designers Blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-09-23T07:33:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-18T09:11:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.golaserengraving.com\/blog\/wp-content\/uploads\/2018\/09\/minify-css-codes.png\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Charles Kiyimba\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Charles Kiyimba\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/minify-css-codes-static-websites\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/minify-css-codes-static-websites\\\/\"},\"author\":{\"name\":\"Charles Kiyimba\",\"@id\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/#\\\/schema\\\/person\\\/c9d584b598f8a50aeff64dcc4fb3c8e1\"},\"headline\":\"How To Manually Minify CSS Codes In Static Websites\",\"datePublished\":\"2018-09-23T07:33:27+00:00\",\"dateModified\":\"2022-02-18T09:11:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/minify-css-codes-static-websites\\\/\"},\"wordCount\":746,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/minify-css-codes-static-websites\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/09\\\/minify-css-codes.png\",\"keywords\":[\"Web Designing\"],\"articleSection\":[\"Knowledge Base\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/minify-css-codes-static-websites\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/minify-css-codes-static-websites\\\/\",\"url\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/minify-css-codes-static-websites\\\/\",\"name\":\"Minify CSS - How To Manually Minify CSS Source Codes\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/minify-css-codes-static-websites\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/minify-css-codes-static-websites\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/09\\\/minify-css-codes.png\",\"datePublished\":\"2018-09-23T07:33:27+00:00\",\"dateModified\":\"2022-02-18T09:11:10+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/#\\\/schema\\\/person\\\/c9d584b598f8a50aeff64dcc4fb3c8e1\"},\"description\":\"Minify CSS tutorial to help you as a webmaster to learn how to minify CSS source codes on static websites to improve your site' load time performance.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/minify-css-codes-static-websites\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/minify-css-codes-static-websites\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/minify-css-codes-static-websites\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/09\\\/minify-css-codes.png\",\"contentUrl\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/09\\\/minify-css-codes.png\",\"width\":300,\"height\":200,\"caption\":\"minify css codes\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/minify-css-codes-static-websites\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Manually Minify CSS Codes In Static Websites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/\",\"name\":\"Goleza Designers Blog\",\"description\":\"Offering information on laser engraved products, engraving services, web designing, business marketing and personal development\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/#\\\/schema\\\/person\\\/c9d584b598f8a50aeff64dcc4fb3c8e1\",\"name\":\"Charles Kiyimba\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8dfa4c74366d793e82f3f074bfd5f2ac1a5e68a00c80e9e0faf9b822914472c1?s=96&d=identicon&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8dfa4c74366d793e82f3f074bfd5f2ac1a5e68a00c80e9e0faf9b822914472c1?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8dfa4c74366d793e82f3f074bfd5f2ac1a5e68a00c80e9e0faf9b822914472c1?s=96&d=identicon&r=g\",\"caption\":\"Charles Kiyimba\"},\"url\":\"https:\\\/\\\/www.golaserengraving.com\\\/blog\\\/author\\\/goleza\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Minify CSS - How To Manually Minify CSS Source Codes","description":"Minify CSS tutorial to help you as a webmaster to learn how to minify CSS source codes on static websites to improve your site' load time performance.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.golaserengraving.com\/blog\/minify-css-codes-static-websites\/","og_locale":"en_GB","og_type":"article","og_title":"Minify CSS - How To Manually Minify CSS Source Codes","og_description":"Minify CSS tutorial to help you as a webmaster to learn how to minify CSS source codes on static websites to improve your site' load time performance.","og_url":"https:\/\/www.golaserengraving.com\/blog\/minify-css-codes-static-websites\/","og_site_name":"Goleza Designers Blog","article_published_time":"2018-09-23T07:33:27+00:00","article_modified_time":"2022-02-18T09:11:10+00:00","og_image":[{"width":300,"height":200,"url":"https:\/\/www.golaserengraving.com\/blog\/wp-content\/uploads\/2018\/09\/minify-css-codes.png","type":"image\/png"}],"author":"Charles Kiyimba","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Charles Kiyimba","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.golaserengraving.com\/blog\/minify-css-codes-static-websites\/#article","isPartOf":{"@id":"https:\/\/www.golaserengraving.com\/blog\/minify-css-codes-static-websites\/"},"author":{"name":"Charles Kiyimba","@id":"https:\/\/www.golaserengraving.com\/blog\/#\/schema\/person\/c9d584b598f8a50aeff64dcc4fb3c8e1"},"headline":"How To Manually Minify CSS Codes In Static Websites","datePublished":"2018-09-23T07:33:27+00:00","dateModified":"2022-02-18T09:11:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.golaserengraving.com\/blog\/minify-css-codes-static-websites\/"},"wordCount":746,"commentCount":0,"image":{"@id":"https:\/\/www.golaserengraving.com\/blog\/minify-css-codes-static-websites\/#primaryimage"},"thumbnailUrl":"https:\/\/www.golaserengraving.com\/blog\/wp-content\/uploads\/2018\/09\/minify-css-codes.png","keywords":["Web Designing"],"articleSection":["Knowledge Base"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.golaserengraving.com\/blog\/minify-css-codes-static-websites\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.golaserengraving.com\/blog\/minify-css-codes-static-websites\/","url":"https:\/\/www.golaserengraving.com\/blog\/minify-css-codes-static-websites\/","name":"Minify CSS - How To Manually Minify CSS Source Codes","isPartOf":{"@id":"https:\/\/www.golaserengraving.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.golaserengraving.com\/blog\/minify-css-codes-static-websites\/#primaryimage"},"image":{"@id":"https:\/\/www.golaserengraving.com\/blog\/minify-css-codes-static-websites\/#primaryimage"},"thumbnailUrl":"https:\/\/www.golaserengraving.com\/blog\/wp-content\/uploads\/2018\/09\/minify-css-codes.png","datePublished":"2018-09-23T07:33:27+00:00","dateModified":"2022-02-18T09:11:10+00:00","author":{"@id":"https:\/\/www.golaserengraving.com\/blog\/#\/schema\/person\/c9d584b598f8a50aeff64dcc4fb3c8e1"},"description":"Minify CSS tutorial to help you as a webmaster to learn how to minify CSS source codes on static websites to improve your site' load time performance.","breadcrumb":{"@id":"https:\/\/www.golaserengraving.com\/blog\/minify-css-codes-static-websites\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.golaserengraving.com\/blog\/minify-css-codes-static-websites\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.golaserengraving.com\/blog\/minify-css-codes-static-websites\/#primaryimage","url":"https:\/\/www.golaserengraving.com\/blog\/wp-content\/uploads\/2018\/09\/minify-css-codes.png","contentUrl":"https:\/\/www.golaserengraving.com\/blog\/wp-content\/uploads\/2018\/09\/minify-css-codes.png","width":300,"height":200,"caption":"minify css codes"},{"@type":"BreadcrumbList","@id":"https:\/\/www.golaserengraving.com\/blog\/minify-css-codes-static-websites\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.golaserengraving.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How To Manually Minify CSS Codes In Static Websites"}]},{"@type":"WebSite","@id":"https:\/\/www.golaserengraving.com\/blog\/#website","url":"https:\/\/www.golaserengraving.com\/blog\/","name":"Goleza Designers Blog","description":"Offering information on laser engraved products, engraving services, web designing, business marketing and personal development","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.golaserengraving.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.golaserengraving.com\/blog\/#\/schema\/person\/c9d584b598f8a50aeff64dcc4fb3c8e1","name":"Charles Kiyimba","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/8dfa4c74366d793e82f3f074bfd5f2ac1a5e68a00c80e9e0faf9b822914472c1?s=96&d=identicon&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/8dfa4c74366d793e82f3f074bfd5f2ac1a5e68a00c80e9e0faf9b822914472c1?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8dfa4c74366d793e82f3f074bfd5f2ac1a5e68a00c80e9e0faf9b822914472c1?s=96&d=identicon&r=g","caption":"Charles Kiyimba"},"url":"https:\/\/www.golaserengraving.com\/blog\/author\/goleza\/"}]}},"_links":{"self":[{"href":"https:\/\/www.golaserengraving.com\/blog\/wp-json\/wp\/v2\/posts\/711","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.golaserengraving.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.golaserengraving.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.golaserengraving.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.golaserengraving.com\/blog\/wp-json\/wp\/v2\/comments?post=711"}],"version-history":[{"count":24,"href":"https:\/\/www.golaserengraving.com\/blog\/wp-json\/wp\/v2\/posts\/711\/revisions"}],"predecessor-version":[{"id":28519,"href":"https:\/\/www.golaserengraving.com\/blog\/wp-json\/wp\/v2\/posts\/711\/revisions\/28519"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.golaserengraving.com\/blog\/wp-json\/wp\/v2\/media\/28516"}],"wp:attachment":[{"href":"https:\/\/www.golaserengraving.com\/blog\/wp-json\/wp\/v2\/media?parent=711"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.golaserengraving.com\/blog\/wp-json\/wp\/v2\/categories?post=711"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.golaserengraving.com\/blog\/wp-json\/wp\/v2\/tags?post=711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}