{"id":289,"date":"2015-12-12T18:08:48","date_gmt":"2015-12-12T22:38:48","guid":{"rendered":"http:\/\/gregorgonzalez.com.ve\/blog\/?p=289"},"modified":"2019-04-08T11:21:59","modified_gmt":"2019-04-08T15:51:59","slug":"minificar-comprimir-codigo-javascript","status":"publish","type":"post","link":"https:\/\/gregorgonzalez.com.ve\/blog\/minificar-comprimir-codigo-javascript\/","title":{"rendered":"Minificar, comprimir c\u00f3digo JavaScript"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-290 alignleft\" src=\"http:\/\/gregorgonzalez.com.ve\/blog\/wp-content\/uploads\/jscompress-300x240.png\" alt=\"jscompress\" width=\"300\" height=\"240\" srcset=\"https:\/\/gregorgonzalez.com.ve\/blog\/wp-content\/uploads\/jscompress-300x240.png 300w, https:\/\/gregorgonzalez.com.ve\/blog\/wp-content\/uploads\/jscompress.png 500w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>Tal vez hayas descargado alguna librer\u00eda que se compone de varios archivos, una versi\u00f3n compilada o de prueba y una versi\u00f3n peque\u00f1a para \u201cproducci\u00f3n\u201d. Estas versiones se generan com\u00fanmente con un nombre que lo relaciona: \u201cjquery.min.js\u201d, se usan para reducir el peso de las grandes librer\u00edas y de esta manera hacer que carguen m\u00e1s r\u00e1pido en las p\u00e1ginas, muy conveniente cuando utilizas muchos componentes.<\/p>\n<p>Existen varias p\u00e1ginas que se encargan de hace esta compresi\u00f3n de c\u00f3digo fuente, se trata de eliminar cada car\u00e1cter no necesario, espacios, saltos de l\u00ednea, comentarios del c\u00f3digo y reduciendo considerablemente el tama\u00f1o del archivo. Esto implica que usaremos nuestro c\u00f3digo completo para trabajar y la versi\u00f3n comprimida para usar en producci\u00f3n, ya que es imposible trabajar en una versi\u00f3n minificada donde se hace imposible su legibilidad.<\/p>\n<p>Para javascript recomiendo esta p\u00e1gina web: <a href=\"http:\/\/jscompress.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/jscompress.com\/<\/a><\/p>\n<p>Convierte este c\u00f3digo:<\/p>\n<pre class=\"lang:js decode:true \" title=\"C\u00f3digo JavaScript\">var x = myFunction(4, 3);  \/\/ Comentario javascript\n\nfunction myFunction(a, b) {\n    return a * b;\n\n\/* Comentario multiples\nLineas *\/\n}<\/pre>\n<p>En este:<\/p>\n<pre class=\"lang:js decode:true \" title=\"C\u00f3digo JavaScript\">function myFunction(n,t){return n*t}var x=myFunction(4,3);<\/pre>\n<p>\u00a0<\/p>\n\n\n<h2 class=\"wp-block-heading\">Una mejor opci\u00f3n.<\/h2>\n\n\n\n<p>Como me hab\u00eda comentado Victoria a trav\u00e9s de un correo electr\u00f3nico, hay m\u00e1s y mejores herramientas. Ella recomienda est\u00e1 p\u00e1gina web, la cual es mucho m\u00e1s actualizada, muy \u00fatil y moderna.<\/p>\n\n\n\n<p><a rel=\"noreferrer noopener\" aria-label=\" (abre en una nueva pesta\u00f1a)\" href=\"https:\/\/www.websiteplanet.com\/es\/webtools\/jscssminifier\/\" target=\"_blank\">https:\/\/www.websiteplanet.com\/es\/webtools\/jscssminifier\/<\/a><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"491\" src=\"http:\/\/gregorgonzalez.com.ve\/blog\/wp-content\/uploads\/minificar-1024x491.jpg\" alt=\"\" class=\"wp-image-625\" srcset=\"https:\/\/gregorgonzalez.com.ve\/blog\/wp-content\/uploads\/minificar-1024x491.jpg 1024w, https:\/\/gregorgonzalez.com.ve\/blog\/wp-content\/uploads\/minificar-300x144.jpg 300w, https:\/\/gregorgonzalez.com.ve\/blog\/wp-content\/uploads\/minificar-768x369.jpg 768w, https:\/\/gregorgonzalez.com.ve\/blog\/wp-content\/uploads\/minificar.jpg 1242w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Tal vez hayas descargado alguna librer\u00eda que se compone de varios archivos, una versi\u00f3n compilada o de prueba y una versi\u00f3n peque\u00f1a para \u201cproducci\u00f3n\u201d. Estas versiones se generan com\u00fanmente con un nombre que lo relaciona: \u201cjquery.min.js\u201d, se usan para reducir el peso de las grandes librer\u00edas y de esta manera hacer que carguen m\u00e1s r\u00e1pido [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[34,6],"tags":[129,128,126,127],"_links":{"self":[{"href":"https:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/posts\/289"}],"collection":[{"href":"https:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/comments?post=289"}],"version-history":[{"count":0,"href":"https:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/posts\/289\/revisions"}],"wp:attachment":[{"href":"https:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/media?parent=289"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/categories?post=289"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/tags?post=289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}