{"id":6617,"date":"2019-04-22T03:33:00","date_gmt":"2019-04-22T07:33:00","guid":{"rendered":"https:\/\/extassisnetwork.com\/tutoriales\/?p=6617"},"modified":"2019-05-26T19:41:05","modified_gmt":"2019-05-26T23:41:05","slug":"minificacion","status":"publish","type":"post","link":"https:\/\/extassisnetwork.com\/tutoriales\/minificacion\/","title":{"rendered":"Minificar o minimizar el c\u00f3digo para acelerar el tiempo de carga de nuestra p\u00e1gina web"},"content":{"rendered":"<p>La\u00a0<strong>Minificacion<\/strong>\u00a0mejor conocida como\u00a0<strong>Minifying.<\/strong>\u00a0es un t\u00e9rmino de programaci\u00f3n que se refiere al proceso de remover caracteres innecesarios que no se necesitan para que el c\u00f3digo se ejecute.<\/p>\n<p><strong>Minificar o minimizar el c\u00f3digo acelera el tiempo de carga de nuestra p\u00e1gina.<\/strong>\u00a0Lo que significa que los buscadores ver\u00e1n mejor el sitio y que lo usuarios podr\u00e1n acceder m\u00e1s r\u00e1pido a \u00e9l.<\/p>\n<p>En resumen, este proceso se deshace de espacios innecesarios, nuevas l\u00edneas de caracteres, comentarios y bloques delimitadores de nuestro c\u00f3digo. Estos tipos de caracteres se usan para prop\u00f3sitos visuales y la lectura del sitio. Pero no son requeridos para que el c\u00f3digo se pueda ejecutar de forma correcta. As\u00ed, al\u00a0<strong>minificar tu sitio se mejora el tiempo de descarga, de analizado y de ejecuci\u00f3n<\/strong>.<\/p>\n<p>\u00bfQu\u00e9 necesitas?<\/p>\n<p>Esto es lo \u00fanico que necesitas para poder minificar tu sitio:<\/p>\n<ul>\n<li>Acceso FTP<\/li>\n<\/ul>\n<h2><span id=\"1-Localizar-archivos-CSS-HTML-y-JavaScript-sin-minificar\">1.- Localizar archivos CSS, HTML y JavaScript sin minificar<\/span><\/h2>\n<p>Esto lo puedes hacer usando una gran variedad de herramientas que nos mencionan que archivos no est\u00e1n minificados. Pero recomendamos que uses\u00a0<u><a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">GTMetrix<\/a><\/u>\u00a0para hacerlo, ya que es una herramienta muy completa y analizara de forma r\u00e1pida tu\u00a0<strong>WordPress<\/strong>\u00a0y te informara sobre los archivos que faltan por minificar.<\/p>\n<p>No tendr\u00e1s ning\u00fan problema para encontrar los archivos, solo tienes que seleccionar la pesta\u00f1a correspondiente, en este caso ser\u00eda\u00a0<strong>Minifying JavaScript<\/strong>:<\/p>\n<p><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6618 aligncenter\" src=\"https:\/\/extassisnetwork.com\/tutoriales\/wp-content\/uploads\/MinifyJavaScript.jpg\" alt=\"\" width=\"807\" height=\"33\" title=\"\" srcset=\"https:\/\/extassisnetwork.com\/tutoriales\/wp-content\/uploads\/\/MinifyJavaScript.jpg 807w, https:\/\/extassisnetwork.com\/tutoriales\/wp-content\/uploads\/\/MinifyJavaScript-300x12.jpg 300w, https:\/\/extassisnetwork.com\/tutoriales\/wp-content\/uploads\/\/MinifyJavaScript-768x31.jpg 768w\" sizes=\"auto, (max-width: 807px) 100vw, 807px\" \/><\/p>\n<p>Al seleccionar la pesta\u00f1a se expandir\u00e1 su informaci\u00f3n y te mostrar\u00e1 todos los archivos que no est\u00e1n minificados.<\/p>\n<h2><span id=\"2-Reemplazar-los-archivos-sin-minificar\">2.- Reemplazar los archivos sin minificar<\/span><\/h2>\n<p>ADVERTENCIA: Recuerda que la seguridad siempre es lo m\u00e1s importante. Antes de hacer los siguientes cambios, haz un respaldo de todo tu sitio y tu base de datos para que no da\u00f1es tu sitio sin vuelta atr\u00e1s.<\/p>\n<h3>Opci\u00f3n 1: Remplazo manual<\/h3>\n<p>Una de las razones por las que te recomend\u00e9 hacer la prueba en GTMetrix es porque nos permite ver inmediatamente la versi\u00f3n optimizada de los archivos CSS, HTML y JS al presionar la opci\u00f3n \u2018<strong>See optimized version<\/strong>\u2019 a un lado del nombre del archivo que no est\u00e1 minificado. Despu\u00e9s de seleccionar esa opci\u00f3n. El archivo optimizado se descargar\u00e1 o se abrir\u00e1 en tu navegador web. Usando un cliente FTP, reemplaza exactamente el mismo archivo con la versi\u00f3n optimizada que acabas de descargar.<\/p>\n<h3>Opci\u00f3n 2: Usar plugins en tu CMS<\/h3>\n<p>En este caso, los usuarios de WordPress pueden usar plugins como\u00a0<u><a href=\"https:\/\/wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\" rel=\"noopener noreferrer\">W3 Total Cache<\/a><\/u>\u00a0o\u00a0<u><a href=\"https:\/\/wordpress.org\/plugins\/bwp-minify\/\" target=\"_blank\" rel=\"noopener noreferrer\">Better WordPress Minify<\/a><\/u>\u00a0para cumplir el mismo objetivo que el paso anterior. Aunque los plugins son sencillos, hay una gran cantidad de guias y tutoriales muy completos sobre c\u00f3mo darles un uso \u00f3ptimo.<\/p>\n<h3>Opci\u00f3n 3: Usando CloudFlare<\/h3>\n<p>CloudFlare es un servicio gratuito que sirve para acelerar y proteger tu sitio web. Sirviendo como un proxy entre los visitantes y el servidor host de tu sitio web. Adem\u00e1s, ofrece protecci\u00f3n contra ataques DDoS.<\/p>\n<p>Una de las caracter\u00edsticas que vienen incluidas en su versi\u00f3n gratuita es minificar los archivos CSS, HTML y JS. Puedes habilitar la minificacion desde \u2018Performance &gt; Auto-Minify.<\/p>\n<p>ADVERTENCIA: No se recomienda usar la herramienta de minificacion de CloudFlare si se usa el sistema de minificacion de otro plugin como W3 Total Cache. Adem\u00e1s, CloudFlare no minifica c\u00f3digos de terceros como podr\u00edan ser Facebook y Twitter.<\/p>\n<h2><span id=\"3-Comprobar-los-cambios\">3.- Comprobar los cambios<\/span><\/h2>\n<p>Una vez que has reemplazado los archivos por las versiones optimizadas o que has instalado y habilitado la herramienta en alguno de los plugins recomendados. Entonces ha llegado el momento de comprobar que los cambios han surtido efecto y que est\u00e1n ayudando a nuestro sitio.<\/p>\n<p>Para hacerlo, regresa a GTMetrix y vuelve a ejecutar un an\u00e1lisis. En caso de que est\u00e9 funcionando, ahora tendr\u00eda que verse de esta forma:<\/p>\n<p><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6619 aligncenter\" src=\"https:\/\/extassisnetwork.com\/tutoriales\/wp-content\/uploads\/Minify-JavaScript.jpg\" alt=\"\" width=\"807\" height=\"33\" title=\"\" srcset=\"https:\/\/extassisnetwork.com\/tutoriales\/wp-content\/uploads\/\/Minify-JavaScript.jpg 807w, https:\/\/extassisnetwork.com\/tutoriales\/wp-content\/uploads\/\/Minify-JavaScript-300x12.jpg 300w, https:\/\/extassisnetwork.com\/tutoriales\/wp-content\/uploads\/\/Minify-JavaScript-768x31.jpg 768w\" sizes=\"auto, (max-width: 807px) 100vw, 807px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La\u00a0Minificacion\u00a0mejor conocida como\u00a0Minifying.\u00a0es un t\u00e9rmino de programaci\u00f3n que se refiere al proceso de remover caracteres innecesarios que no se necesitan para que el c\u00f3digo se ejecute. Minificar o minimizar el c\u00f3digo acelera el tiempo de carga de nuestra p\u00e1gina.\u00a0Lo que significa que los buscadores ver\u00e1n mejor el sitio y que lo usuarios podr\u00e1n acceder m\u00e1s [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":6620,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34],"tags":[],"class_list":{"0":"post-6617","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-hosting"},"_links":{"self":[{"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/posts\/6617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/comments?post=6617"}],"version-history":[{"count":0,"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/posts\/6617\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/media\/6620"}],"wp:attachment":[{"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/media?parent=6617"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/categories?post=6617"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/tags?post=6617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}