{"id":84024,"date":"2021-04-05T13:45:57","date_gmt":"2021-04-05T08:15:57","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=84024"},"modified":"2021-05-24T14:19:36","modified_gmt":"2021-05-24T08:49:36","slug":"optimize-css-html-before-3-3","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/optimize-css-html-before-3-3\/","title":{"rendered":"Optimizar Astra HTML y CSS - Para usuarios existentes de Astra (antes de v3.3)"},"content":{"rendered":"<p>Astra aporta importantes mejoras de rendimiento en<a href=\"https:\/\/git-staging.wpastra.com\/es\/updates\/astra-3-3\/\"> versi\u00f3n 3.3<\/a>. En esta versi\u00f3n, hemos optimizado HTML y CSS en la p\u00e1gina. Esto reduce el tama\u00f1o de la p\u00e1gina y trae un tiempo de carga m\u00e1s r\u00e1pido para las p\u00e1ginas en el frontend. <\/p>\n\n\n\n<p>Aqu\u00ed est\u00e1 la lista completa de las p\u00e1ginas que se hacen m\u00e1s r\u00e1pido con esta optimizaci\u00f3n - <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u00daltima entrada del blog<\/li><li>Puesto \u00fanico<\/li><li>Todos los archivos (incluidos el archivo del blog, el archivo de categor\u00edas, el archivo de pesta\u00f1as, el archivo de autores, la paginaci\u00f3n, etc.)<\/li><li>WooCommerce - P\u00e1gina de tienda y p\u00e1gina de producto \u00fanico<\/li><li>Easy Digital Downloads (EDD) - P\u00e1gina de producto \u00fanico<\/li><li>LifterLMS - Todos los cursos y p\u00e1gina de curso \u00fanico<\/li><li>LearnDash - Todos los cursos y p\u00e1gina de curso individual<\/li><\/ul>\n\n\n\n<p>Los usuarios que empiecen a utilizar Astra directamente a partir de esta versi\u00f3n, obtendr\u00e1n nuevas mejoras de velocidad directamente en sus sitios web. <\/p>\n\n\n\n<p>Pero los usuarios existentes -aquellos que ya utilizan Astra y lo actualizan a la v3.3- no ver\u00e1n estas mejoras directamente en la web. <\/p>\n\n\n\n<p><strong>\u00bfPor qu\u00e9? <\/strong><\/p>\n\n\n\n<p>La raz\u00f3n principal es no alterar la disposici\u00f3n, la estructura y el dise\u00f1o de los sitios web existentes. En el proceso de optimizaci\u00f3n de HTML y CSS, hemos fusionado algunos c\u00f3digos y eliminado otros. Si implementamos esto directamente en sitios web existentes, parte del dise\u00f1o podr\u00eda verse afectado. Cualquier c\u00f3digo personalizado escrito en divs HTML o clases CSS eliminadas podr\u00eda no funcionar. <\/p>\n\n\n\n<p>Para evitar estos problemas, no hemos implementado el nuevo c\u00f3digo directamente en los sitios web existentes. <\/p>\n\n\n\n<p>Pero usted puede conseguir ciertamente estas optimizaciones en sus wbesites con un c\u00f3digo simple del filtro. <\/p>\n\n\n\n<p><strong>\u00bfC\u00f3mo? <\/strong><\/p>\n\n\n\n<p>A continuaci\u00f3n se muestra un c\u00f3digo personalizado que puede utilizar para aplicar optimizaciones HTML y CSS en su sitio web. <\/p>\n\n\n\n<p>Pero antes de usar el c\u00f3digo - <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Aseg\u00farate de tener el tema Astra y el Astra Pro actualizados a la versi\u00f3n 3.3<\/li><li>Toma un <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/backup-your-website-in-less-than-10-minutes\/\">copia de seguridad de su sitio web<\/a><\/li><\/ol>\n\n\n\n<p>Pegue el siguiente c\u00f3digo en su <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/add-custom-php-code\/#3.-in-child-theme\">archivo functions.php del tema hijo. <\/a><\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>add_filter( 'astra_apply_flex_based_css', '__return_true' );<\/code><\/pre>\n\n\n\n<p>\u00a1Hecho! <\/p>","protected":false},"excerpt":{"rendered":"<p>Astra trae importantes mejoras de rendimiento en la versi\u00f3n 3.3. En esta versi\u00f3n, hemos optimizado HTML y CSS en la p\u00e1gina. Esto reduce el tama\u00f1o de la p\u00e1gina y acelera el tiempo de carga de las p\u00e1ginas en el frontend. Aqu\u00ed est\u00e1 una lista completa de las p\u00e1ginas que se hacen m\u00e1s r\u00e1pido con esta optimizaci\u00f3n - Latest Blog Post Single Post [...]<\/p>","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"docs_category":[108],"docs_tag":[],"class_list":{"0":"post-84024","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-general"},"spectra_custom_meta":{"_edit_lock":["1672390103:88"],"_edit_last":["70"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["90"],"_yoast_wpseo_estimated-reading-time-minutes":["2"],"_yoast_wpseo_primary_docs_category":["108"],"_ht_kb_post_views_count":["11"],"_ht_kb_usefulness":["0"],"_ht_article_order_108":["84024"],"wp_last_modified_info":["May 24, 2021 @ 2:19 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["5472"],"helpful":["3"],"unhelpful":["3"],"redirects":["3"],"rank_math_primary_docs_category":["108"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["376"],"rank_math_internal_links_processed":["1"],"_trp_automatically_translated_slug_es_ES":["optimizar-css-html-antes-3-3"],"_uag_page_assets":["a:9:{s:3:\"css\";s:2495:\".wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-debf2792{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;border-color: inherit;row-gap: 0px;column-gap: 0px;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}\";s:2:\"js\";s:0:\"\";s:18:\"current_block_list\";a:5:{i:0;s:14:\"core\/paragraph\";i:1;s:9:\"core\/list\";i:2;s:9:\"core\/code\";i:3;s:14:\"uagb\/container\";i:4;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776536529\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Anjali","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/anjalic\/"},"uagb_comment_info":0,"uagb_excerpt":"Astra brings major performance improvements in version 3.3. In this version, we have optimized HTML and CSS on the page. This reduces the page size and brings faster loading time for pages in the frontend. Here is a complete list of pages that are made faster with this optimization &#8211; Latest Blog Post Single Post&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/84024"}],"collection":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=84024"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/84024\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=84024"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=84024"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=84024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}