{"id":6766,"date":"2016-09-19T11:14:49","date_gmt":"2016-09-19T18:14:49","guid":{"rendered":"https:\/\/staging.kinsta.site\/es\/?post_type=knowledgebase&p=6766"},"modified":"2022-05-16T16:18:57","modified_gmt":"2022-05-16T14:18:57","slug":"combinar-css-externo","status":"publish","type":"knowledgebase","link":"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/combinar-css-externo\/","title":{"rendered":"\u00bfC\u00f3mo Combinar Archivo CSS Externo En WordPress?"},"content":{"rendered":"

\u00bfHa recibido la advertencia \u201ccombine archivo CSS externo\u201d en\u00a0Pingdom<\/a>,\u00a0GTmetrix<\/a> o Google PageSpeed Insights<\/a>? \u00a1Usted no es el \u00fanico! Este es un error com\u00fan para muchos propietarios de sitios de WordPress. Esta advertencia t\u00edpicamente aparece cuando tiene 10 o m\u00e1s archivos CSS cargando de una red de entrega de contenidos (CDN) y\/o subdominio (dominio externo). Una manera para arreglar esto es concatenar sus archivos CSS o combinarlos para que carguen mediante una \u00fanica solicitud.<\/p>\n

\n

Nota: Si usted administra sus sitios mediante HTTPS con un proveedor que apoya HTTP\/2 puede ignorar esta advertencia en general. Mediante HTTP\/2 archivos m\u00faltiples CSS pueden ser cargados paralelamente sobre una sola conexi\u00f3n.<\/p>\n<\/div>\n

\"combine<\/p>\n

Si sigue administrando sobre HTTPS y no ha migrado a\u00a0HTTP\/2<\/a>\u00a0todav\u00eda puede seguir el tutorial abajo sobre \u00bfc\u00f3mo combinar archivos CSS externos? Para repetir concatenaci\u00f3n ahora es una tecnolog\u00eda considerada obsoleta generalmente.<\/p>\n

M\u00e1s de 77% de los navegadores soportan HTTP\/2<\/a>\u00a0cuando pasan sobre HTTPS, este es el caso de muchos proveedores de CDN y web hosting incluyendo Kinsta. Es importante notar que Pingdom todav\u00eda no apoya HTTP\/2 ya que utiliza una versi\u00f3n m\u00e1s antigua de Chrome.<\/p>\n

Combinar Archivos CSS Externos En WordPress<\/h2>\n

La advertencia de combinar archivos CSS externos t\u00edpicamente aparecen cuando est\u00e1 utilizando CDN porque usted est\u00e1 hospedando sus archivos CSS<\/a> en un dominio externo como cdn.domain.com. Lo que puede hacer es simplemente concatenar sus archivos CSS en su servidor de web. Una vez que sean combinados la advertencia desaparecer\u00e1 y cargar\u00e1 mediante una \u00fanica solicitud. Una de las formas m\u00e1s f\u00e1ciles para hacer esto es el uso de un plugin gratuito de WordPress llamado\u00a0Autoptimize<\/a>, desarrollado por\u00a0Frank Goossens<\/a>.
\n\"autoptimize\"<\/a><\/p>\n

El plugin es de poco peso solamente 176KB para ser exactos. al escribir esto el plugin tiene m\u00e1s de 1.000.000 instalaciones activas con una calificaci\u00f3n de 4.7 en una escala de 5 estrellas. El plugin ayuda en la concatenaci\u00f3n de sus scripts, minificaci\u00f3n, expira encabezados y en la habilidad de\u00a0 mover estilos al encabezados y scripts al pie de la p\u00e1gina.<\/p>\n

Puede descargar del\u00a0WordPress repositorio<\/a>\u00a0o buscarlo en su panel de control WordPress bajo \u201cA\u00f1adir Plugins Nuevos\u201d. Una vez que est\u00e9 instalado vaya a la configuraci\u00f3n y habilite la opci\u00f3n \u201cOptimizar C\u00f3digo CSS\u201d.\u00a0 Esta opci\u00f3n va concatenar (combinar) sus archivos CSS y si est\u00e1 utilizando CDN<\/a> aseg\u00farese de que introduzca el URL de su CDN. De esta forma sus archivos CSS cargar\u00e1n de una \u00fanica solicitud en su CDN.<\/p>\n

Los clientes de Kinsta tienen acceso directo a la funci\u00f3n de minificaci\u00f3n de c\u00f3digo<\/a> que est\u00e1 integrada directamente en el panel de control de MyKinsta<\/a>. Esta funci\u00f3n permite a los clientes habilitar la minificaci\u00f3n autom\u00e1tica de CSS y JavaScript con solo hacer clic en un bot\u00f3n.<\/p>\n

\"combine<\/p>\n

Despu\u00e9s de habilitar los ajustes de arriba<\/a> ver\u00e1 los archivos CSS en un archivo \u201cautoptimize_xxxxx.css\u201d.<\/p>\n

\"Archivos
Archivos CSS combinados<\/figcaption><\/figure>\n","protected":false},"author":38,"featured_media":17739,"parent":0,"menu_order":0,"template":"","tags":[],"knowledge_categories":[411,400],"topic":[],"class_list":["post-6766","knowledgebase","type-knowledgebase","status-publish","has-post-thumbnail","hentry","knowledge_categories-hacer-sitio-mas-rapido","knowledge_categories-wordpress-general"],"yoast_head":"\n\u00bfC\u00f3mo Combinar Archivo CSS Externo En WordPress?<\/title>\n<meta name=\"description\" content=\"Vea cu\u00e1les son las sus opciones en caso de la advertencia "combinar CSS externo" cuando utiliza instrumentos como Kingdom o GTmetrix\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/combinar-css-externo\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfC\u00f3mo Combinar Archivo CSS Externo En WordPress?\" \/>\n<meta property=\"og:description\" content=\"Vea cu\u00e1les son las sus opciones en caso de la advertencia "combinar CSS externo" cuando utiliza instrumentos como Kingdom o GTmetrix\" \/>\n<meta property=\"og:url\" content=\"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/combinar-css-externo\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-16T14:18:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2016\/09\/combinar-css-externa.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Vea cu\u00e1les son las sus opciones en caso de la advertencia "combinar CSS externo" cuando utiliza instrumentos como Kingdom o GTmetrix\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2016\/09\/combinar-css-externa.png\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/combinar-css-externo\/\",\"url\":\"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/combinar-css-externo\/\",\"name\":\"\u00bfC\u00f3mo Combinar Archivo CSS Externo En WordPress?\",\"isPartOf\":{\"@id\":\"https:\/\/staging.kinsta.site\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/combinar-css-externo\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/combinar-css-externo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2016\/09\/combinar-css-externa.png\",\"datePublished\":\"2016-09-19T18:14:49+00:00\",\"dateModified\":\"2022-05-16T14:18:57+00:00\",\"description\":\"Vea cu\u00e1les son las sus opciones en caso de la advertencia \\\"combinar CSS externo\\\" cuando utiliza instrumentos como Kingdom o GTmetrix\",\"breadcrumb\":{\"@id\":\"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/combinar-css-externo\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/combinar-css-externo\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/combinar-css-externo\/#primaryimage\",\"url\":\"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2016\/09\/combinar-css-externa.png\",\"contentUrl\":\"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2016\/09\/combinar-css-externa.png\",\"width\":1460,\"height\":730,\"caption\":\"combinar css\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/combinar-css-externo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/staging.kinsta.site\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Base de Conocimiento\",\"item\":\"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u00bfC\u00f3mo Combinar Archivo CSS Externo En WordPress?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/staging.kinsta.site\/es\/#website\",\"url\":\"https:\/\/staging.kinsta.site\/es\/\",\"name\":\"Kinsta\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/staging.kinsta.site\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/staging.kinsta.site\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/staging.kinsta.site\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/staging.kinsta.site\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/staging.kinsta.site\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2021\/08\/kinsta.png\",\"contentUrl\":\"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2021\/08\/kinsta.png\",\"width\":580,\"height\":580,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/staging.kinsta.site\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u00bfC\u00f3mo Combinar Archivo CSS Externo En WordPress?","description":"Vea cu\u00e1les son las sus opciones en caso de la advertencia \"combinar CSS externo\" cuando utiliza instrumentos como Kingdom o GTmetrix","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:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/combinar-css-externo\/","og_locale":"es_ES","og_type":"article","og_title":"\u00bfC\u00f3mo Combinar Archivo CSS Externo En WordPress?","og_description":"Vea cu\u00e1les son las sus opciones en caso de la advertencia \"combinar CSS externo\" cuando utiliza instrumentos como Kingdom o GTmetrix","og_url":"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/combinar-css-externo\/","og_site_name":"Kinsta","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_modified_time":"2022-05-16T14:18:57+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2016\/09\/combinar-css-externa.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_description":"Vea cu\u00e1les son las sus opciones en caso de la advertencia \"combinar CSS externo\" cuando utiliza instrumentos como Kingdom o GTmetrix","twitter_image":"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2016\/09\/combinar-css-externa.png","twitter_site":"@Kinsta_ES","twitter_misc":{"Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/combinar-css-externo\/","url":"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/combinar-css-externo\/","name":"\u00bfC\u00f3mo Combinar Archivo CSS Externo En WordPress?","isPartOf":{"@id":"https:\/\/staging.kinsta.site\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/combinar-css-externo\/#primaryimage"},"image":{"@id":"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/combinar-css-externo\/#primaryimage"},"thumbnailUrl":"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2016\/09\/combinar-css-externa.png","datePublished":"2016-09-19T18:14:49+00:00","dateModified":"2022-05-16T14:18:57+00:00","description":"Vea cu\u00e1les son las sus opciones en caso de la advertencia \"combinar CSS externo\" cuando utiliza instrumentos como Kingdom o GTmetrix","breadcrumb":{"@id":"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/combinar-css-externo\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/combinar-css-externo\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/combinar-css-externo\/#primaryimage","url":"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2016\/09\/combinar-css-externa.png","contentUrl":"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2016\/09\/combinar-css-externa.png","width":1460,"height":730,"caption":"combinar css"},{"@type":"BreadcrumbList","@id":"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/combinar-css-externo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/staging.kinsta.site\/es\/"},{"@type":"ListItem","position":2,"name":"Base de Conocimiento","item":"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/"},{"@type":"ListItem","position":3,"name":"\u00bfC\u00f3mo Combinar Archivo CSS Externo En WordPress?"}]},{"@type":"WebSite","@id":"https:\/\/staging.kinsta.site\/es\/#website","url":"https:\/\/staging.kinsta.site\/es\/","name":"Kinsta","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/staging.kinsta.site\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/staging.kinsta.site\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/staging.kinsta.site\/es\/#organization","name":"Kinsta","url":"https:\/\/staging.kinsta.site\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/staging.kinsta.site\/es\/#\/schema\/logo\/image\/","url":"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2021\/08\/kinsta.png","contentUrl":"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2021\/08\/kinsta.png","width":580,"height":580,"caption":"Kinsta"},"image":{"@id":"https:\/\/staging.kinsta.site\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/wp\/v2\/knowledgebase\/6766","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/wp\/v2\/users\/38"}],"version-history":[{"count":14,"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/wp\/v2\/knowledgebase\/6766\/revisions"}],"predecessor-version":[{"id":52157,"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/wp\/v2\/knowledgebase\/6766\/revisions\/52157"}],"alternate":[{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/staging.kinsta.site\/es\/wp-json\/kinsta\/v1\/posts\/6766\/translations\/es"},{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/staging.kinsta.site\/es\/wp-json\/kinsta\/v1\/posts\/6766\/translations\/en"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/staging.kinsta.site\/es\/wp-json\/kinsta\/v1\/posts\/6766\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/staging.kinsta.site\/es\/wp-json\/kinsta\/v1\/posts\/6766\/translations\/de"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/staging.kinsta.site\/es\/wp-json\/kinsta\/v1\/posts\/6766\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/staging.kinsta.site\/es\/wp-json\/kinsta\/v1\/posts\/6766\/translations\/it"},{"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/kinsta\/v1\/posts\/6766\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/wp\/v2\/media\/17739"}],"wp:attachment":[{"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/wp\/v2\/media?parent=6766"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/wp\/v2\/tags?post=6766"},{"taxonomy":"knowledge_categories","embeddable":true,"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/wp\/v2\/knowledge_categories?post=6766"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/wp\/v2\/topic?post=6766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}