{"id":2127,"date":"2020-09-08T13:00:00","date_gmt":"2020-09-08T11:00:00","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=2127"},"modified":"2023-08-07T10:56:24","modified_gmt":"2023-08-07T08:56:24","slug":"minificar-css-js-html-acelera-tu-pagina-web","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/minificar-css-js-html-acelera-tu-pagina-web\/","title":{"rendered":"Minificar CSS, JS, HTML&#8230; Acelera tu p\u00e1gina web"},"content":{"rendered":"\n<p>Si has pasado alguna auditoria SEO o de velocidad, posiblemente te suene el t\u00e9rmino \u00abminificaci\u00f3n de archivos\u00bb. Veamos qu\u00e9 es y c\u00f3mo minificar css, js y html para conseguir m\u00e1s velocidad en nuestro sitio. \u00a1Acelera tu p\u00e1gina web!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu\u00e9 es la minificaci\u00f3n de archivos<\/h2>\n\n\n<div class=\"wp-block-image hidden-xs\">\n<figure class=\"alignright size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/minificar-css.jpg\" alt=\"Comprimir archivos css\" class=\"wp-image-2211\" width=\"328\" height=\"230\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/minificar-css.jpg 900w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/minificar-css-300x210.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/minificar-css-768x538.jpg 768w\" sizes=\"auto, (max-width: 328px) 100vw, 328px\" \/><\/figure>\n<\/div>\n\n\n<p>Minificar un archivo <strong>consiste en quitarle todo aquello que no aporta nada a su funcionamiento<\/strong>. El objetivo es<strong> hacerlo lo m\u00e1s ligero posible<\/strong>. De esta manera queda, generalmente, una sola l\u00ednea de c\u00f3digo, sin espacios en blanco y sin comentarios. El archivo sigue siendo funcional, pero el resultado es tan denso y compacto que hace muy dif\u00edcil el trabajar con \u00e9l.<\/p>\n\n\n\n<p>Para trabajar con un archivo minificado podr\u00edamos darle un formato autom\u00e1tico para que nuestro editor de c\u00f3digo indente correctamente el contenido. Sin embargo, si ten\u00edamos nuestro c\u00f3digo comentado, no recuperaremos estos apuntes, ya que fueron eliminados en la minificaci\u00f3n.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu\u00e9 tipos de archivos se pueden minificar<\/h2>\n\n\n\n<p>Todo es susceptible de minificaci\u00f3n, por ejemplo es posible minificar PHP o JSON. Pero nos vamos a centrar en los archivos fundamentales para la velocidad de nuestro sitio web. Para ello <strong>podemos minificar<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>CSS<\/li>\n\n\n\n<li>JS<\/li>\n\n\n\n<li>HTML<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/html-css-js-1024x340.jpg\" alt=\"Minificar HTML, CSS y JS\" class=\"wp-image-2203\" width=\"663\" height=\"219\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/html-css-js-1024x340.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/html-css-js-300x100.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/html-css-js-768x255.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/html-css-js-1536x510.jpg 1536w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/html-css-js.jpg 1616w\" sizes=\"auto, (max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Como minificar tus archivos<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Estructura<\/h3>\n\n\n\n<p>Es habitual<strong> no minimizar el archivo original con el que trabajamos<\/strong>, sino crear una copia con otro nombre, ya que los archivos minificados no son muy f\u00e1ciles de manejar. Generalmente usamos el t\u00e9rmino \u00ab.min\u00bb que a\u00f1adimos ante de la extensi\u00f3n. As\u00ed, si el archivo original se llama \u00abstyles.css\u00bb, la versi\u00f3n minificada la guardaremos como \u00abstyles.min.css\u00bb. Esto debes aplicarlo, tambi\u00e9n, a tus archivos JavaScript.<\/p>\n\n\n\n<p>Por supuesto, luego habr\u00eda que <strong>cambiar la llamada al archivo original<\/strong> por la llamada al nuevo archivo minificado.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Minificar un archivo<\/h3>\n\n\n\n<p>Para minificar el c\u00f3digo tenemos varias opciones. Si trabajas con un editor de c\u00f3digo puede que ya tenga integrada una opci\u00f3n para crear archivos minificados. Si no la tiene seguro que dispone de alguna extensi\u00f3n adicional.<\/p>\n\n\n\n<p>En el caso de que uses <a aria-label=\"undefined (abre en una nueva pesta\u00f1a)\" href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Visual Studio Code<\/a> te recomiendo la extensi\u00f3n Minify. Si usas este editor puedes echar un vistazo a nuestro art\u00edculo sobre <a href=\"https:\/\/carontestudio.com\/blog\/mejores-extensiones-para-visual-studio-code\/\">las mejores extensiones para Visual Studio<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Minificar en l\u00ednea<\/h3>\n\n\n\n<p>Hay m\u00faltiples <strong>webs con las que podr\u00e1s minificar css online<\/strong> de una manera r\u00e1pida y sencilla. La mayor\u00eda tambi\u00e9n ofrece soporte para <strong>minificar JS<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/www.minifier.org\/\" target=\"_blank\" aria-label=\"undefined (abre en una nueva pesta\u00f1a)\" rel=\"noreferrer noopener\">minifier.org<\/a><\/h4>\n\n\n\n<p>Te permite trabajar con archivos js y css. Pega tu c\u00f3digo y, con un clic, te dar\u00e1 el contenido minificado que tendr\u00e1s que copiar y pegar en tu archivo.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/javascript-minifier.com\/\" target=\"_blank\" aria-label=\"undefined (abre en una nueva pesta\u00f1a)\" rel=\"noreferrer noopener\">javascript-minifier.com<\/a><\/h4>\n\n\n\n<p>Especializado en la minificaci\u00f3n de JavaScript. Te permite exportar tu c\u00f3digo minificado directamente a un archivo para descargar.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/cssminifier.com\/\" target=\"_blank\" aria-label=\"undefined (abre en una nueva pesta\u00f1a)\" rel=\"noreferrer noopener\">cssminifier.com<\/a><\/h4>\n\n\n\n<p>El mismo caso que el anterior, pero centrado en los archivos css.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\" style=\"background-color:#ffffff\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" class=\"wp-block-cover__image-background wp-image-2205\" alt=\"Mujer frente a ordenador minificando CSS en l\u00ednea\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/minificar-css-js-online.jpg\" style=\"object-position:46% 56%\" data-object-fit=\"cover\" data-object-position=\"46% 56%\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/minificar-css-js-online.jpg 1920w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/minificar-css-js-online-300x200.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/minificar-css-js-online-1024x683.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/minificar-css-js-online-768x512.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/minificar-css-js-online-1536x1024.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Minificar autom\u00e1ticamente en WordPress<\/h3>\n\n\n\n<p>En el caso de que tu web trabaje bajo WordPress, tengo una buena noticia: Hay <em>plugins <\/em>que realizar\u00e1n todo el trabajo por ti. En un Gestor CMS como WordPress es una locura pretender <strong>minificar todos los css y js<\/strong> uno a uno que usa el sitio, por no hablar de los HTML. Por otro lado, de hacerlo de forma manual, corremos el riesgo de echar nuestro trabajo por tierra al actualizar alg\u00fan <em>plugin <\/em>o tema.<\/p>\n\n\n\n<p>Por fortuna, como te comentaba, existen <strong>plugins que permiten minificar js y css en WordPress<\/strong>:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading\">WP Super Minify<\/h4>\n\n\n\n<p>Minifica y combina los archivos HTML, js y CSS de forma sencilla. Puedes seleccionar qu\u00e9 archivos no quieres que minifique, en el caso de que, por ejemplo, alguno diera problemas.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Autoptimize<\/h4>\n\n\n\n<p>Autoptimize es un <em>plugin <\/em>de<strong> optimizaci\u00f3n de velocidad y cach\u00e9<\/strong>. Una de sus funciones es la minificaci\u00f3n de archivos. Tan solo hay que marcar las opciones de minificaci\u00f3n deseadas y \u00e9l se encargar\u00e1 de todo. Dispone, adem\u00e1s, de muchas otras opciones para mejorar la velocidad de la web.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Merge + Minify + Refresh<\/h4>\n\n\n\n<p>Este <em>plugin <\/em>es espec\u00edfico para esta tarea. Se encarga de unir todos los CSS usados en nuestro WordPress en <strong>un solo archivo minificado<\/strong>. Lo mismo hace con los archivos JavaScript.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Fast Velocity Minify<\/h4>\n\n\n\n<p>Adem\u00e1s de reunir los archivos css y js en un archivo minificado, tambi\u00e9n <strong>optimiza la carga de Google Fonts<\/strong>. Tambi\u00e9n permite minificar el HTML de las p\u00e1ginas.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Better WordPress Minify<\/h4>\n\n\n\n<p>Se trata de un <em style=\"font-weight: bold;\">plugin <\/em><b>de minificaci\u00f3n muy completo<\/b>. Usa la librer\u00eda Minify de PHP y da mucho control sobre las acciones a seguir: localizaci\u00f3n de llamadas, personalizaci\u00f3n de URLs, CDN, cach\u00e9&#8230;<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\" style=\"background-color:#ffffff\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"1000\" class=\"wp-block-cover__image-background wp-image-2207\" alt=\"Hombre frente a ordenador minificando CSS autom\u00e1ticamente en WordPress\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/minificar-css-js-wordpress.jpg\" style=\"object-position:20% 40%\" data-object-fit=\"cover\" data-object-position=\"20% 40%\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/minificar-css-js-wordpress.jpg 1500w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/minificar-css-js-wordpress-300x200.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/minificar-css-js-wordpress-1024x683.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/minificar-css-js-wordpress-768x512.jpg 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n<\/h2>\n\n\n\n<p>Si te preocupa la velocidad de carga de tu sitio web no te olvides de <strong>minificar tus archivos<\/strong>. Es f\u00e1cil, c\u00f3modo y los resultados son notables. Eso s\u00ed, procura ser ordenado y met\u00f3dico, para no eliminar los archivos originales y <strong>no perder el trabajo de documentaci\u00f3n<\/strong> que hay\u00e1is hecho t\u00fa o tus compa\u00f1eros.<\/p>\n\n\n\n<div class=\"wp-block-group sabermas\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/carontestudio.com\/blog\/velocidad-de-carga-web\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/optimizar-velocidad-de-carga-1024x604.jpg\" alt=\"Mejorar la velocidad de carga web\" class=\"wp-image-1202\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/optimizar-velocidad-de-carga-1024x604.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/optimizar-velocidad-de-carga-300x177.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/optimizar-velocidad-de-carga-768x453.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/optimizar-velocidad-de-carga.jpg 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/carontestudio.com\/blog\/como-optimizar-imagenes-para-web-guia-util\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/como-optimizar-imagenes-para-web-1024x604.jpg\" alt=\"C\u00f3mo optimizar im\u00e1genes para web. - Consejos \u00fatiles.\" class=\"wp-image-867\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/como-optimizar-imagenes-para-web-1024x604.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/como-optimizar-imagenes-para-web-300x177.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/como-optimizar-imagenes-para-web-768x453.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/04\/como-optimizar-imagenes-para-web.jpg 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Si has pasado alguna auditoria SEO o de velocidad, posiblemente te suene el t\u00e9rmino \u00abminificaci\u00f3n de archivos\u00bb. Veamos qu\u00e9 es y c\u00f3mo minificar css, js y html para conseguir m\u00e1s velocidad en nuestro sitio. \u00a1Lee nuestro art\u00edculo para saber c\u00f3mo acelerar tu p\u00e1gina web!<\/p>\n","protected":false},"author":2,"featured_media":2274,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[22],"tags":[93,92],"class_list":["post-2127","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo","tag-css","tag-html"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Minificar CSS, JS, HTML... Acelera tu p\u00e1gina web - Caronte Web Studio<\/title>\n<meta name=\"description\" content=\"\u00bfQuieres acelerar tu p\u00e1gina web? Minificar css, js y otros archivos es b\u00e1sico para obtener una buena velocidad de carga. Te contamos c\u00f3mo hacerlo.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carontestudio.com\/blog\/minificar-css-js-html-acelera-tu-pagina-web\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Minificar CSS, JS, HTML... Acelera tu p\u00e1gina web - Caronte Web Studio\" \/>\n<meta property=\"og:description\" content=\"\u00bfQuieres acelerar tu p\u00e1gina web? Minificar css, js y otros archivos es b\u00e1sico para obtener una buena velocidad de carga. Te contamos c\u00f3mo hacerlo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carontestudio.com\/blog\/minificar-css-js-html-acelera-tu-pagina-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de maketing | Caronte\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/carontewebstudio\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-08T11:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-07T08:56:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/minificar-css-js-acelerar-web.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1250\" \/>\n\t<meta property=\"og:image:height\" content=\"737\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Alberto Bravo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alberto Bravo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/minificar-css-js-html-acelera-tu-pagina-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/minificar-css-js-html-acelera-tu-pagina-web\\\/\"},\"author\":{\"name\":\"Alberto Bravo\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/a0133e9cd91f1e8b75d120ac01ff0350\"},\"headline\":\"Minificar CSS, JS, HTML&#8230; Acelera tu p\u00e1gina web\",\"datePublished\":\"2020-09-08T11:00:00+00:00\",\"dateModified\":\"2023-08-07T08:56:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/minificar-css-js-html-acelera-tu-pagina-web\\\/\"},\"wordCount\":839,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/minificar-css-js-html-acelera-tu-pagina-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/minificar-css-js-acelerar-web.jpg\",\"keywords\":[\"CSS\",\"HTML\"],\"articleSection\":[\"SEO\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/minificar-css-js-html-acelera-tu-pagina-web\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/minificar-css-js-html-acelera-tu-pagina-web\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/minificar-css-js-html-acelera-tu-pagina-web\\\/\",\"name\":\"Minificar CSS, JS, HTML... Acelera tu p\u00e1gina web - Caronte Web Studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/minificar-css-js-html-acelera-tu-pagina-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/minificar-css-js-html-acelera-tu-pagina-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/minificar-css-js-acelerar-web.jpg\",\"datePublished\":\"2020-09-08T11:00:00+00:00\",\"dateModified\":\"2023-08-07T08:56:24+00:00\",\"description\":\"\u00bfQuieres acelerar tu p\u00e1gina web? Minificar css, js y otros archivos es b\u00e1sico para obtener una buena velocidad de carga. Te contamos c\u00f3mo hacerlo.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/minificar-css-js-html-acelera-tu-pagina-web\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/minificar-css-js-html-acelera-tu-pagina-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/minificar-css-js-html-acelera-tu-pagina-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/minificar-css-js-acelerar-web.jpg\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/minificar-css-js-acelerar-web.jpg\",\"width\":1250,\"height\":737,\"caption\":\"Minificar CSS y JS: Acelerar tu p\u00e1gina web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/minificar-css-js-html-acelera-tu-pagina-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Minificar CSS, JS, HTML&#8230; Acelera tu p\u00e1gina web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"name\":\"Blog de marketing | Caronte\",\"description\":\"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.\",\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\",\"name\":\"Caronte - Agencia de marketing\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"width\":1090,\"height\":155,\"caption\":\"Caronte - Agencia de marketing\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/carontewebstudio\\\/\",\"https:\\\/\\\/www.instagram.com\\\/caronte_studio\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@carontewebstudio\",\"https:\\\/\\\/www.youtube.com\\\/@carontewebstudio\",\"https:\\\/\\\/es.linkedin.com\\\/company\\\/carontewebstudio\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/a0133e9cd91f1e8b75d120ac01ff0350\",\"name\":\"Alberto Bravo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g\",\"caption\":\"Alberto Bravo\"},\"sameAs\":[\"http:\\\/\\\/albertobravoart.com\",\"https:\\\/\\\/www.instagram.com\\\/albertobravoart\\\/\",\"https:\\\/\\\/es.linkedin.com\\\/in\\\/albertobravobarreiro\",\"https:\\\/\\\/www.youtube.com\\\/@albertobravoart224\"],\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/author\\\/alberto\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Minificar CSS, JS, HTML... Acelera tu p\u00e1gina web - Caronte Web Studio","description":"\u00bfQuieres acelerar tu p\u00e1gina web? Minificar css, js y otros archivos es b\u00e1sico para obtener una buena velocidad de carga. Te contamos c\u00f3mo hacerlo.","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:\/\/carontestudio.com\/blog\/minificar-css-js-html-acelera-tu-pagina-web\/","og_locale":"es_ES","og_type":"article","og_title":"Minificar CSS, JS, HTML... Acelera tu p\u00e1gina web - Caronte Web Studio","og_description":"\u00bfQuieres acelerar tu p\u00e1gina web? Minificar css, js y otros archivos es b\u00e1sico para obtener una buena velocidad de carga. Te contamos c\u00f3mo hacerlo.","og_url":"https:\/\/carontestudio.com\/blog\/minificar-css-js-html-acelera-tu-pagina-web\/","og_site_name":"Blog de maketing | Caronte","article_publisher":"https:\/\/www.facebook.com\/carontewebstudio\/","article_published_time":"2020-09-08T11:00:00+00:00","article_modified_time":"2023-08-07T08:56:24+00:00","og_image":[{"width":1250,"height":737,"url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/minificar-css-js-acelerar-web.jpg","type":"image\/jpeg"}],"author":"Alberto Bravo","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Alberto Bravo","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/carontestudio.com\/blog\/minificar-css-js-html-acelera-tu-pagina-web\/#article","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/minificar-css-js-html-acelera-tu-pagina-web\/"},"author":{"name":"Alberto Bravo","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/a0133e9cd91f1e8b75d120ac01ff0350"},"headline":"Minificar CSS, JS, HTML&#8230; Acelera tu p\u00e1gina web","datePublished":"2020-09-08T11:00:00+00:00","dateModified":"2023-08-07T08:56:24+00:00","mainEntityOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/minificar-css-js-html-acelera-tu-pagina-web\/"},"wordCount":839,"commentCount":1,"publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/minificar-css-js-html-acelera-tu-pagina-web\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/minificar-css-js-acelerar-web.jpg","keywords":["CSS","HTML"],"articleSection":["SEO"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carontestudio.com\/blog\/minificar-css-js-html-acelera-tu-pagina-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carontestudio.com\/blog\/minificar-css-js-html-acelera-tu-pagina-web\/","url":"https:\/\/carontestudio.com\/blog\/minificar-css-js-html-acelera-tu-pagina-web\/","name":"Minificar CSS, JS, HTML... Acelera tu p\u00e1gina web - Caronte Web Studio","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/minificar-css-js-html-acelera-tu-pagina-web\/#primaryimage"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/minificar-css-js-html-acelera-tu-pagina-web\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/minificar-css-js-acelerar-web.jpg","datePublished":"2020-09-08T11:00:00+00:00","dateModified":"2023-08-07T08:56:24+00:00","description":"\u00bfQuieres acelerar tu p\u00e1gina web? Minificar css, js y otros archivos es b\u00e1sico para obtener una buena velocidad de carga. Te contamos c\u00f3mo hacerlo.","breadcrumb":{"@id":"https:\/\/carontestudio.com\/blog\/minificar-css-js-html-acelera-tu-pagina-web\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carontestudio.com\/blog\/minificar-css-js-html-acelera-tu-pagina-web\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/minificar-css-js-html-acelera-tu-pagina-web\/#primaryimage","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/minificar-css-js-acelerar-web.jpg","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/08\/minificar-css-js-acelerar-web.jpg","width":1250,"height":737,"caption":"Minificar CSS y JS: Acelerar tu p\u00e1gina web"},{"@type":"BreadcrumbList","@id":"https:\/\/carontestudio.com\/blog\/minificar-css-js-html-acelera-tu-pagina-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/carontestudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Minificar CSS, JS, HTML&#8230; Acelera tu p\u00e1gina web"}]},{"@type":"WebSite","@id":"https:\/\/carontestudio.com\/blog\/#website","url":"https:\/\/carontestudio.com\/blog\/","name":"Blog de marketing | Caronte","description":"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.","publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carontestudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/carontestudio.com\/blog\/#organization","name":"Caronte - Agencia de marketing","url":"https:\/\/carontestudio.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","width":1090,"height":155,"caption":"Caronte - Agencia de marketing"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/carontewebstudio\/","https:\/\/www.instagram.com\/caronte_studio\/","https:\/\/www.tiktok.com\/@carontewebstudio","https:\/\/www.youtube.com\/@carontewebstudio","https:\/\/es.linkedin.com\/company\/carontewebstudio"]},{"@type":"Person","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/a0133e9cd91f1e8b75d120ac01ff0350","name":"Alberto Bravo","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g","caption":"Alberto Bravo"},"sameAs":["http:\/\/albertobravoart.com","https:\/\/www.instagram.com\/albertobravoart\/","https:\/\/es.linkedin.com\/in\/albertobravobarreiro","https:\/\/www.youtube.com\/@albertobravoart224"],"url":"https:\/\/carontestudio.com\/blog\/author\/alberto\/"}]}},"_links":{"self":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/2127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/comments?post=2127"}],"version-history":[{"count":15,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/2127\/revisions"}],"predecessor-version":[{"id":16025,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/2127\/revisions\/16025"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media\/2274"}],"wp:attachment":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media?parent=2127"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/categories?post=2127"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/tags?post=2127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}