Reduzca el cambio de diseño relacionado con los anuncios
Descripción general
El Cambio de diseño acumulado mide la cantidad total de cambios de diseño visibles para el usuario con la API de inestabilidad de diseño. Para ello, suma la puntuación de cambio de diseño de todos los cambios de diseño en los que cambió el iframe del anuncio o causó el cambio de diseño.
Recomendaciones
Esta métrica no indica un problema específico. Debe usarse para
identificar áreas de mejora y hacer un seguimiento de esa mejora a lo largo del tiempo.
Para evitar el cambio de diseño, es importante configurar tamaños para los elementos del anuncio antes de que se cargue la etiqueta de anuncio. Esto puede ser difícil o imposible de hacer a la perfección, en especial para
los espacios publicitarios que aceptan anuncios de tamaño dinámico, pero hay prácticas recomendadas que puedes
seguir para minimizar el cambio de diseño en la mayoría de los casos. Si desea obtener más información, consulte la guía para minimizar el cambio de diseño en el sitio para desarrolladores de GPT.
Cambio de diseño acumulado (CLS)
Optimiza el cambio de diseño acumulado
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2024-06-26 (UTC)
[null,null,["Última actualización: 2024-06-26 (UTC)"],[[["Cumulative Layout Shift (CLS) quantifies the total visual instability caused by ad iframes shifting or inducing layout changes, using the Layout Instability API and layout shift scores."],["This metric helps pinpoint areas for improvement and track progress rather than diagnosing specific issues."],["Minimizing layout shift is crucial and involves pre-setting ad element sizes, though achieving perfection is challenging, especially with dynamic ads."],["Refer to the GPT developer guide for best practices in minimizing layout shift for most scenarios."]]],[]]
