OdooWiki OCA HUB

Website Prevent Cumulative Layout Shift (CLS)

website_prevent_cls folder_open OCA/website open_in_new
Website Licencia: AGPL-3

Este módulo puede mejorar la puntuación de Google PageSpeed de páginas individuales del sitio web.

En particular, mejora la puntuación de Cumulative Layout Shift (CLS) añadiendo el ancho y el alto a las imágenes de la página.

También proporciona un acceso rápido para ajustar el ancho/alto en lugar de usar la opción de optimización predeterminada al subir una imagen.

Traducción automática al español (DeepSeek) de la descripción original de OCA, que está en inglés.

auto_awesome Qué hace este módulo

Generado por IA a partir del código · Odoo 13.0

Añade automáticamente los atributos width y height a las imágenes de las páginas de tu sitio web, lo que ayuda a evitar cambios de diseño y mejora la puntuación de Google PageSpeed. También te permite establecer el ancho y la altura de la imagen directamente en el diálogo del editor de imágenes.

Este módulo mejora cómo se muestran las imágenes en las páginas del sitio web para que el contenido de la página no se desplace mientras se carga.

  • Cuando se renderiza una imagen en una página del sitio web, el sistema calcula automáticamente su ancho y alto reales y los añade como atributos a la etiqueta de la imagen. Esto es lo que evita el desplazamiento del diseño.
  • En el editor del sitio web, cuando editas una imagen, aparece una nueva sección "Size" en el diálogo de la imagen con los campos Width y Height (en píxeles). Puedes escribir las dimensiones exactas que quieras.
  • Cuando subes o seleccionas una imagen a través del widget de medios, el ancho y el alto de la imagen también se aplican automáticamente.

El módulo funciona entre bastidores en el renderizado de imágenes que utiliza el constructor del sitio web (ir.qweb.field.image) y el renderizado general de páginas (ir.qweb). Solo cambia cómo se generan las imágenes; no añade nuevos menús ni informes. El cambio visible para los usuarios son los campos Width/Height adicionales en el diálogo de edición de imágenes y una mayor estabilidad de la página al cargar.

Depende de

website
Modelos y campos (1)
  • ir.qweb.field.image · amplía un modelo existente

Texto generado por IA (DeepSeek) al leer el código de la versión 13.0 en GitHub; puede contener errores, así que verifícalo en el código antes de decidir. Ver el código en GitHub

Disponibilidad por versión

Revisado: 2026-11-03
Confirmado (verificado en repositorio y rama) Estimado (sin verificar) Sin información

Estado de confirmación: 1 confirmada, 8 sin información de 9 versiones.

terminal Instalación y uso

Documentación de OCA · Odoo 13.0

Uso

Fuente · Odoo 13.0

Para usar este módulo:

  • De forma predeterminada, añadirá el ancho/alto seleccionado al subir una nueva imagen
  • Al editar la imagen, en la ventana emergente Description, hay una opción para ajustar el tamaño.

Traducción automática al español (DeepSeek) de la documentación original de OCA; los comandos y el código no se traducen. Sin información verificada en OCA: Instalación, Configuración.

info

Datos importados de GitHub: esta ficha refleja la última revisión del catálogo, no una consulta en directo. Verifica siempre en la documentación del módulo y en staging antes de instalar en producción.