{"id":129417,"date":"2022-08-03T12:53:38","date_gmt":"2022-08-03T07:23:38","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=129417"},"modified":"2023-05-12T12:29:01","modified_gmt":"2023-05-12T06:59:01","slug":"how-to-improve-the-cls-score-with-the-astra-theme","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/how-to-improve-the-cls-score-with-the-astra-theme\/","title":{"rendered":"C\u00f3mo mejorar la puntuaci\u00f3n del CLS con el tema Astra"},"content":{"rendered":"<h3 class=\"wp-block-heading\">Introducci\u00f3n<\/h3>\n\n\n\n<p>CLS o desplazamiento de dise\u00f1o acumulativo es un factor importante cuando se trata de la velocidad de su sitio web. Una puntuaci\u00f3n CLS de 0 no solo mejora el tiempo de carga de su sitio web, sino que tambi\u00e9n le ayuda a posicionarse mejor en el motor de b\u00fasqueda de Google.<\/p>\n\n\n\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-16d4842b\"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\tTabla de contenidos\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap\">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#introduction\" class=\"uagb-toc-link__trigger\">Introducci\u00f3n<\/a><li class=\"uagb-toc__list\"><a href=\"#what-is-cls\" class=\"uagb-toc-link__trigger\">\u00bfQu\u00e9 es el CLS?<\/a><li class=\"uagb-toc__list\"><a href=\"#what-causes-cls\" class=\"uagb-toc-link__trigger\">\u00bfCu\u00e1les son las causas del CLS?<\/a><li class=\"uagb-toc__list\"><a href=\"#how-to-improve-the-cls-with-the-astra-theme\" class=\"uagb-toc-link__trigger\">\u00bfC\u00f3mo mejorar el CLS con el tema Astra?<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#loading-google-fonts-locally\" class=\"uagb-toc-link__trigger\">Carga local de fuentes de Google<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#preload-your-fonts\" class=\"uagb-toc-link__trigger\">Carga previa de fuentes<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#height-of-the-svg-logo\" class=\"uagb-toc-link__trigger\">Altura del logotipo SVG<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#loading-mobile-header\" class=\"uagb-toc-link__trigger\">Cargando cabecera m\u00f3vil<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#images-with-no-dimension\" class=\"uagb-toc-link__trigger\">Im\u00e1genes sin dimensi\u00f3n<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#dynamically-injected-content\" class=\"uagb-toc-link__trigger\">Contenido inyectado din\u00e1micamente<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#iframes-without-dimensions\" class=\"uagb-toc-link__trigger\">iframes sin dimensiones<\/a><\/li><\/ul><li class=\"uagb-toc__list\"><a href=\"#conclusion\" class=\"uagb-toc-link__trigger\">Conclusi\u00f3n<\/a><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n<h3 class=\"wp-block-heading\">\u00bfQu\u00e9 es el CLS?<\/h3>\n\n\n\n<p>CLS de desplazamiento de dise\u00f1o acumulativo es la cantidad de desplazamiento de dise\u00f1o inesperado del contenido visual de la p\u00e1gina. que se est\u00e1 cargando en ese momento. En pocas palabras, cuando ciertas partes de su sitio web tardan m\u00e1s en cargarse que otras, los dem\u00e1s elementos se mueven o desplazan de un lugar a otro para hacer sitio a los elementos que tardan m\u00e1s en cargarse. Este cambio se denomina desplazamiento acumulativo del dise\u00f1o. Es f\u00e1cil comprender que cuanto menor sea el CLS, mejor ser\u00e1 la velocidad de su sitio web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfCu\u00e1les son las causas del CLS?<\/h3>\n\n\n\n<p>A continuaci\u00f3n se mencionan las causas m\u00e1s comunes del CLS:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Carga de fuentes<\/li>\n\n\n\n<li>Altura del logotipo SVG<\/li>\n\n\n\n<li>Cargando cabecera m\u00f3vil<\/li>\n\n\n\n<li>Im\u00e1genes sin dimensi\u00f3n<\/li>\n\n\n\n<li>Contenido inyectado din\u00e1micamente<\/li>\n\n\n\n<li>iframes sin dimensiones<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfC\u00f3mo mejorar el CLS con el tema Astra?<\/h3>\n\n\n\n<p>Con la \u00faltima versi\u00f3n del tema Astra, hemos mejorado muchas cosas para garantizar que el rendimiento de tu sitio web est\u00e9 al mejor nivel posible. A continuaci\u00f3n se presentan los cambios que hemos hecho:<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Carga local de fuentes de Google<\/h5>\n\n\n\n<p>Millones de sitios web utilizan m\u00e1s de 1.000 tipos de letra de la biblioteca Google Fonts. Astra y muchos otros temas de WordPress utilizan esta biblioteca y ofrecen una integraci\u00f3n que permite a los usuarios acceder a una gran variedad de opciones tipogr\u00e1ficas.<\/p>\n\n\n\n<p>Normalmente, este tipo de conexi\u00f3n implica una solicitud a los servidores de Google, donde se carga el archivo de fuentes. Es habitual cargar cualquier fuente de Google de esta forma. Sin embargo, dado que los datos tardan unos milisegundos en transitar desde tu alojamiento web hasta los servidores de Google, esto reducir\u00e1 tu puntuaci\u00f3n CWV.<\/p>\n\n\n\n<p>Para cargar las fuentes de Google localmente, tendr\u00e1s que ir a Astra &gt; Configuraci\u00f3n &gt; Rendimiento y activar la funci\u00f3n para cargar las fuentes de Google localmente.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/load-google-fonts.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"356\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/load-google-fonts-1024x356.png\" alt=\"\" class=\"wp-image-151726\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/load-google-fonts-1024x356.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/load-google-fonts-300x104.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/load-google-fonts-768x267.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/load-google-fonts-1536x534.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/load-google-fonts.png 1918w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Una vez activada esta funci\u00f3n, se cargar\u00e1n autom\u00e1ticamente las fuentes de Google localmente en tu servidor local y se cargar\u00e1n m\u00e1s r\u00e1pido, lo que mejorar\u00e1 tu puntuaci\u00f3n general de CLS.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Carga previa de fuentes<\/h5>\n\n\n\n<p>Tambi\u00e9n hemos proporcionado una opci\u00f3n para precargar fuentes locales. Con la precarga de fuentes, puede forzar al navegador de un visitante a cargar fuentes importantes con antelaci\u00f3n para que el navegador pueda empezar a aplicarla al texto en cuanto est\u00e9 listo, en lugar de esperar potencialmente a cargar la fuente.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/preload-google-fonts.png\"><img decoding=\"async\" width=\"1024\" height=\"356\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/preload-google-fonts-1024x356.png\" alt=\"\" class=\"wp-image-151728\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/preload-google-fonts-1024x356.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/preload-google-fonts-300x104.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/preload-google-fonts-768x267.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/preload-google-fonts-1536x533.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/preload-google-fonts.png 1918w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Como Google Fonts se almacenar\u00e1 localmente, no es necesario enviar una solicitud al servidor. En \u00faltima instancia, se reducen los tiempos de carga de las fuentes y se obtiene una puntuaci\u00f3n CLS de cero: \u00a1la mejor puntuaci\u00f3n!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/08\/cls-score-ast-1024x283.png\" alt=\"CLS score\" class=\"wp-image-129420\" width=\"1024\" height=\"283\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/08\/cls-score-ast-1024x283.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/08\/cls-score-ast-300x83.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/08\/cls-score-ast-768x213.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/08\/cls-score-ast.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">Altura del logotipo SVG<\/h5>\n\n\n\n<p>Por defecto, WordPress no calcula autom\u00e1ticamente la altura de los logotipos SVG. Ya que puede encoger el logotipo y causar un cambio de dise\u00f1o inesperado en la secci\u00f3n de cabecera. El tema Astra redimensiona autom\u00e1ticamente el logotipo con el Javascript para mejorar a\u00fan m\u00e1s la puntuaci\u00f3n CLS de su sitio.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Cargando cabecera m\u00f3vil<\/h5>\n\n\n\n<p>\u00bfHas notado un parpadeo moment\u00e1neo en dispositivos m\u00f3viles al cargar una cabecera creada con Astra header builder? Esto se ha solucionado sustituyendo el c\u00f3digo Javascript por CSS est\u00e1tico y puntos de interrupci\u00f3n din\u00e1micos en el tema Astra. En \u00faltima instancia, la mejora de la puntuaci\u00f3n CLS para su sitio web.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Im\u00e1genes sin dimensi\u00f3n<\/h5>\n\n\n\n<p>Las im\u00e1genes sin dimensi\u00f3n definida siempre afectan a la puntuaci\u00f3n CLS de su sitio web. Aseg\u00farese siempre de asignar una dimensi\u00f3n com\u00fan a cada una de las im\u00e1genes para que no desplacen el dise\u00f1o tras la carga. Con el tema Astra, basta con hacer clic en el bloque de imagen y establecer el porcentaje de dimensi\u00f3n, lo que garantizar\u00e1 que toda la imagen se cargue al instante. Tambi\u00e9n puedes establecer la dimensi\u00f3n manualmente.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"453\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/08\/Ast-cls-image-dimension-1024x453.png\" alt=\"Ast image dmension\" class=\"wp-image-129421\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/08\/Ast-cls-image-dimension-1024x453.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/08\/Ast-cls-image-dimension-300x133.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/08\/Ast-cls-image-dimension-768x340.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/08\/Ast-cls-image-dimension.png 1327w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">Contenido inyectado din\u00e1micamente<\/h5>\n\n\n\n<p>Insertar contenido din\u00e1mico sobre el contenido existente tambi\u00e9n aumentar\u00e1 la puntuaci\u00f3n CLS de su sitio web. Estos contenidos din\u00e1micos pueden ser el aviso GDPR, contenido relacionado o incluso suscripciones a boletines. Estos contenidos din\u00e1micos siempre tardan m\u00e1s en cargarse y aparecen en el \u00faltimo momento, lo que provoca que el dise\u00f1o se desplace y, por tanto, aumenta la puntuaci\u00f3n CLS. Siempre es aconsejable insertar cualquier contenido din\u00e1mico al final de la p\u00e1gina para evitar cualquier CLS innecesario.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">iframes sin dimensiones<\/h5>\n\n\n\n<p>Cuando insertas un elemento incrustado, como un v\u00eddeo de Youtube o c\u00f3digos HTML, o incluso un iframe dentro de tu contenido existente, a menudo tardan en cargarse y hacen que el dise\u00f1o se desplace, aumentando as\u00ed la puntuaci\u00f3n CLS. Para evitarlo, siempre debe asignar a los iframes o elementos incrustados una dimensi\u00f3n fija, de modo que no haya forma de que aumenten el desplazamiento del dise\u00f1o.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/08\/ezgif.com-gif-maker-2.gif\" alt=\"iframes without diemnsions\" class=\"wp-image-129422\" width=\"1024\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Conclusi\u00f3n<\/h4>\n\n\n\n<p>Para reducir el CLS, los desarrolladores deben centrarse en optimizar las im\u00e1genes, las fuentes y otros elementos de la p\u00e1gina, adem\u00e1s de aplicar principios de dise\u00f1o adaptable. Tambi\u00e9n deben dar prioridad a cargar primero el contenido de la parte superior de la p\u00e1gina y evitar insertar nuevos elementos din\u00e1micamente.<\/p>\n\n\n\n<p>Con el reciente anuncio de Google de que el CLS se incluir\u00e1 como factor de clasificaci\u00f3n en su algoritmo de b\u00fasqueda, es a\u00fan m\u00e1s crucial que los propietarios y desarrolladores de sitios web den prioridad a minimizar el CLS. Siguiendo las mejores pr\u00e1cticas y directrices para reducir CLS, los sitios web pueden ofrecer a los usuarios una experiencia de navegaci\u00f3n fluida, lo que conduce a un mayor compromiso, mejores tasas de conversi\u00f3n y, en \u00faltima instancia, un mayor \u00e9xito para las empresas.<\/p>","protected":false},"excerpt":{"rendered":"<p>Introducci\u00f3n CLS o desplazamiento de dise\u00f1o acumulativo es un factor importante cuando se trata de la velocidad de su sitio web. Una puntuaci\u00f3n CLS de 0 no s\u00f3lo mejora el tiempo de carga de su sitio web, sino que tambi\u00e9n le ayuda a posicionarse mejor en el motor de b\u00fasqueda de Google. \u00bfQu\u00e9 es CLS? CLS de cambio de dise\u00f1o acumulativo es el [...]<\/p>","protected":false},"author":86,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","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":"","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":[1595],"docs_tag":[],"class_list":{"0":"post-129417","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-global"},"spectra_custom_meta":{"wp_last_modified_info":["May 12, 2023 @ 12:29 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_edit_lock":["1683874742:86"],"_wplmi_last_modified":["2023-05-12 12:29:01"],"rank_math_internal_links_processed":["1"],"rank_math_seo_score":["22"],"_edit_last":["86"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"rank_math_analytic_object_id":["1870"],"views":["20809"],"helpful":["5"],"unhelpful":["4"],"redirects":["9"],"rank_math_primary_docs_category":["1595"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"41931191eca34f898e776e5d45ed7e1d\";s:6:\"images\";a:1:{i:0;i:151726;}}"],"pfd_related_docs":[""],"_uagb_toc_options":["a:2:{s:17:\"_uagb_toc_version\";s:10:\"1778705427\";s:18:\"_uagb_toc_headings\";a:12:{i:0;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:12:\"introduction\";s:7:\"content\";s:12:\"Introduction\";s:5:\"depth\";i:3;}i:1;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:11:\"what-is-cls\";s:7:\"content\";s:12:\"What is CLS?\";s:5:\"depth\";i:3;}i:2;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:15:\"what-causes-cls\";s:7:\"content\";s:16:\"What causes CLS?\";s:5:\"depth\";i:3;}i:3;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:43:\"how-to-improve-the-cls-with-the-astra-theme\";s:7:\"content\";s:44:\"How to improve the CLS with the Astra theme?\";s:5:\"depth\";i:3;}i:4;a:4:{s:5:\"level\";i:5;s:2:\"id\";s:28:\"loading-google-fonts-locally\";s:7:\"content\";s:28:\"Loading Google fonts locally\";s:5:\"depth\";i:5;}i:5;a:4:{s:5:\"level\";i:5;s:2:\"id\";s:18:\"preload-your-fonts\";s:7:\"content\";s:18:\"Preload your fonts\";s:5:\"depth\";i:5;}i:6;a:4:{s:5:\"level\";i:5;s:2:\"id\";s:22:\"height-of-the-svg-logo\";s:7:\"content\";s:22:\"Height of the SVG logo\";s:5:\"depth\";i:5;}i:7;a:4:{s:5:\"level\";i:5;s:2:\"id\";s:21:\"loading-mobile-header\";s:7:\"content\";s:21:\"Loading mobile header\";s:5:\"depth\";i:5;}i:8;a:4:{s:5:\"level\";i:5;s:2:\"id\";s:24:\"images-with-no-dimension\";s:7:\"content\";s:24:\"Images with no dimension\";s:5:\"depth\";i:5;}i:9;a:4:{s:5:\"level\";i:5;s:2:\"id\";s:28:\"dynamically-injected-content\";s:7:\"content\";s:28:\"Dynamically injected content\";s:5:\"depth\";i:5;}i:10;a:4:{s:5:\"level\";i:5;s:2:\"id\";s:26:\"iframes-without-dimensions\";s:7:\"content\";s:26:\"iframes without dimensions\";s:5:\"depth\";i:5;}i:11;a:4:{s:5:\"level\";i:4;s:2:\"id\";s:10:\"conclusion\";s:7:\"content\";s:10:\"Conclusion\";s:5:\"depth\";i:4;}}}"],"_trp_automatically_translated_slug_es_ES":["como-mejorar-la-puntuacion-cls-con-el-tema-astra"],"_uag_page_assets":["a:9:{s:3:\"css\";s:4513:\".uagb-block-16d4842b.wp-block-uagb-table-of-contents{text-align: left;}.uagb-block-16d4842b .uagb-toc__list-wrap li a{color: #54595F;}.uagb-block-16d4842b .uagb-toc__wrap .uagb-toc__title-wrap{justify-content: left;}.uagb-block-16d4842b .uagb-toc__wrap .uagb-toc__title{justify-content: left;}.uagb-block-16d4842b .uagb-toc__wrap{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 6px;border-top-right-radius: 6px;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;border-color: #333;border-style: solid;padding-left: 30px;padding-right: 30px;padding-top: 30px;padding-bottom: 30px;background: #fff;width: 100%;}.uagb-block-16d4842b .uagb-toc__list-wrap{column-count: 1;overflow: hidden;text-align: left;}.uagb-block-16d4842b .uagb-toc__list-wrap > ul.uagb-toc__list > li:first-child{padding-top: 0;}.uagb-block-16d4842b .uagb-toc__list-wrap ul.uagb-toc__list:last-child > li:last-child{padding-bottom: 0;}.uagb-block-16d4842b .uagb-toc__list .uagb-toc__list{list-style-type: disc !important;}.uagb-block-16d4842b .uagb-toc__title{font-weight: Default;font-size: 20px;}.uagb-block-16d4842b .uagb-toc__list-wrap ol li a{text-decoration: underline;}@media only screen and (max-width: 976px) {.uagb-block-16d4842b .uagb-toc__wrap{border-style: solid;}.uagb-block-16d4842b .uagb-toc__list-wrap{column-count: 1;overflow: hidden;text-align: left;}.uagb-block-16d4842b .uagb-toc__list-wrap > ul.uagb-toc__list > li:first-child{padding-top: 0;}.uagb-block-16d4842b .uagb-toc__list-wrap ul.uagb-toc__list:last-child > li:last-child{padding-bottom: 0;}}@media only screen and (max-width: 767px) {.uagb-block-16d4842b .uagb-toc__wrap{border-style: solid;}.uagb-block-16d4842b .uagb-toc__list-wrap{column-count: 1;overflow: hidden;text-align: left;}.uagb-block-16d4842b .uagb-toc__list-wrap > ul.uagb-toc__list > li:first-child{padding-top: 0;}.uagb-block-16d4842b .uagb-toc__list-wrap ul.uagb-toc__list:last-child > li:last-child{padding-bottom: 0;}}.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:261:\"document.addEventListener(\"DOMContentLoaded\", function(){ window.addEventListener( 'load', function(){\n\tUAGBTableOfContents._run( {\"mappingHeaders\":[true,true,true,true,true,true],\"scrollToTop\":false,\"makeCollapsible\":false}, '.uagb-block-16d4842b' );\n} );\n });\";s:18:\"current_block_list\";a:8:{i:0;s:12:\"core\/heading\";i:1;s:14:\"core\/paragraph\";i:2;s:22:\"uagb\/table-of-contents\";i:3;s:9:\"core\/list\";i:4;s:14:\"core\/list-item\";i:5;s:10:\"core\/image\";i:6;s:14:\"uagb\/container\";i:7;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1778702869\";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":"Arindam","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/arindamm\/"},"uagb_comment_info":0,"uagb_excerpt":"Introduction CLS or cumulative layout shift is an important factor when it comes to the speed of your website. A CLS score of 0 not only improves the loading time of your website but also helps you to rank better in the Google search engine. What is CLS? CLS of cumulative layout shift is the&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/129417"}],"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\/86"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=129417"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/129417\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=129417"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=129417"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=129417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}