{"id":653,"date":"2012-10-02T05:16:51","date_gmt":"2012-10-02T12:16:51","guid":{"rendered":"https:\/\/gonzalo.aro.cl\/blog\/?p=653"},"modified":"2012-10-02T05:16:51","modified_gmt":"2012-10-02T12:16:51","slug":"comprimir-css-o-js-con-yui-compressor","status":"publish","type":"post","link":"https:\/\/gonzalo.aro.cl\/blog\/2012\/10\/02\/comprimir-css-o-js-con-yui-compressor\/","title":{"rendered":"Comprimir CSS o JS con YUI compressor"},"content":{"rendered":"<p>YUI Compressor es una herramienta que se utiliza para minimizar los archivos CSS o javascript. Esto porque cuando se escriben estos archivos se utilizan muchos caracteres para que estos archivos visualmente para el desarrollador se vean bien, pero adicionandelos un montos de bytes que no cumplen n inguna funci\u00f3n m\u00e1s que la de ocupar espacio.<\/p>\n<p>Para esto (minimizar el tama\u00f1o de estos archivos sin restarle la funcionalidad), existen un para de herramientas, la que nos convoca es YUI Compressor, escrita en Java, minimiza cualquiera de estas extensiones (CSS o JS).<\/p>\n<p>Puedes descargarlo <a href=\"https:\/\/developer.yahoo.com\/yui\/compressor\/\">aqui<\/a> o utilizarla Online a trav\u00e9s de <a href=\"https:\/\/refresh-sf.com\/yui\/\">esta p\u00e1gina.<\/a><\/p>\n<p>As\u00ed por ejemplo, comprimes algo asi<\/p>\n<p><a href=\"https:\/\/gonzalo.aro.cl\/blog\/wp-content\/uploads\/2012\/10\/css_original2.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/gonzalo.aro.cl\/blog\/wp-content\/uploads\/2012\/10\/css_original2-300x267.png\" alt=\"\" title=\"css_original2\" width=\"300\" height=\"267\" class=\"aligncenter size-medium wp-image-654\" srcset=\"https:\/\/gonzalo.aro.cl\/blog\/wp-content\/uploads\/2012\/10\/css_original2-300x267.png 300w, https:\/\/gonzalo.aro.cl\/blog\/wp-content\/uploads\/2012\/10\/css_original2.png 721w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Y lo dejas asi, sin perder la consistencia del CSS<\/p>\n<p><a href=\"https:\/\/gonzalo.aro.cl\/blog\/wp-content\/uploads\/2012\/10\/css_original.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/gonzalo.aro.cl\/blog\/wp-content\/uploads\/2012\/10\/css_original-300x154.png\" alt=\"\" title=\"css_original\" width=\"300\" height=\"154\" class=\"aligncenter size-medium wp-image-655\" srcset=\"https:\/\/gonzalo.aro.cl\/blog\/wp-content\/uploads\/2012\/10\/css_original-300x154.png 300w, https:\/\/gonzalo.aro.cl\/blog\/wp-content\/uploads\/2012\/10\/css_original-1024x526.png 1024w, https:\/\/gonzalo.aro.cl\/blog\/wp-content\/uploads\/2012\/10\/css_original.png 1060w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>YUI Compressor es una herramienta que se utiliza para minimizar los archivos CSS o javascript. Esto porque cuando se escriben estos archivos se utilizan muchos caracteres para que estos archivos visualmente para el desarrollador se vean bien, pero adicionandelos un montos de bytes que no cumplen n inguna funci\u00f3n m\u00e1s que la de ocupar espacio. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[38,4,34,8,12],"tags":[],"class_list":["post-653","post","type-post","status-publish","format-standard","hentry","category-css","category-desarrollo","category-javascript","category-optimizacion","category-web"],"_links":{"self":[{"href":"https:\/\/gonzalo.aro.cl\/blog\/wp-json\/wp\/v2\/posts\/653"}],"collection":[{"href":"https:\/\/gonzalo.aro.cl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gonzalo.aro.cl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gonzalo.aro.cl\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gonzalo.aro.cl\/blog\/wp-json\/wp\/v2\/comments?post=653"}],"version-history":[{"count":1,"href":"https:\/\/gonzalo.aro.cl\/blog\/wp-json\/wp\/v2\/posts\/653\/revisions"}],"predecessor-version":[{"id":656,"href":"https:\/\/gonzalo.aro.cl\/blog\/wp-json\/wp\/v2\/posts\/653\/revisions\/656"}],"wp:attachment":[{"href":"https:\/\/gonzalo.aro.cl\/blog\/wp-json\/wp\/v2\/media?parent=653"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gonzalo.aro.cl\/blog\/wp-json\/wp\/v2\/categories?post=653"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gonzalo.aro.cl\/blog\/wp-json\/wp\/v2\/tags?post=653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}