Mejores prácticas de rendimiento

Máximos recomendados

Nota:

Se recomiendan los siguientes valores máximos para un rendimiento de la aplicación óptimo. Superar estos valores puede provocar una degradación del rendimiento, pero Apps no impone ningún límite.

1. Utiliza un máximo de 200 controles en una página.

2. Incluye un máximo de cinco controles complejos en una página, como tablas o cuadrículas.

3. Utilice contenedores de página en un máximo de 10 pestañas por control de pestaña .

4. Anida un máximo de cinco contenedores.

5. Anida un máximo de diez reglas en un evento.

6. Utiliza los controles de Tabla para mostrar un máximo de 200 registros de solo lectura.

Carga de página optimizada

1. Utiliza el mismo contenedor de página y las mismas variables para cargar páginas individuales.

   Supongamos que tienes un formulario de varios pasos, donde los pasos son secuenciales y el contenido de cada paso reside en una página individual. En la página de inicio, en lugar de tener contenedores para cada paso, reutiliza el mismo contenedor de página y carga una página diferente en él utilizando una variable o la regla Si-Entonces-Otro.

2. Utiliza menos contenedores de Pestaña y Página en una página, para mejorar la carga inicial de la página.

Configuración de control recomendada

1. Utiliza Editar control de cuadrícula para mostrar y editar registros tabulares o grandes conjuntos de datos. Este control ofrece capacidades de ordenación, paginación y del lado del servidor, lo que le permite mostrar más de 1000 registros de entidad.

2. Para los controles de cuadrícula Editar de solo lectura, deshabilita las capacidades de edición en el diseñador de aplicaciones para acelerar el renderizado y eliminar los iconos de edición para un diseño más limpio.

3. Mejora la velocidad de renderizado del control Editar cuadrícula ajustando la altura a un máximo de 1200px. Esta modificación optimiza simultáneamente el número de filas visibles.

4. Si utilizas el mismo estilo de formato en varias líneas en un control del Editor de texto enriquecido , aplica el estilo de una vez en lugar de para cada línea individual. Al hacerlo, se ahorra el tiempo dedicado a representar el estilo de cada línea.

5. Para los controles de imagen , recomendamos mantener los tamaños de imagen por encima del 50 % del tamaño original. Utiliza una resolución más baja para los logotipos pequeños y evita utilizar imágenes de alta definición para garantizar un rendimiento óptimo.

6. Para garantizar reproducciones de vídeo correctas en los controles de IFrame , utiliza los enlaces de inserción proporcionados por el sitio de alojamiento.

7. Para mejorar la legibilidad y la experiencia del usuario de la aplicación, recomendamos utilizar siete opciones o menos para los controles de botón de radio y apilarlos verticalmente cuando el ancho esté restringido. Para utilizar más de siete opciones, utiliza los controles desplegables .

8. No establezcas el ancho de los controles de Tabla en auto, para evitar cambios inesperados en el ancho de las columnas debido a la variación de la longitud del contenido, o para evitar que las tablas se vuelvan demasiado estrechas en pantallas más pequeñas.Esto también permite el desplazamiento virtual en la tabla.

9. Utiliza píxeles para establecer el ancho y la altura de los controles de Tabla, para renderizar las tablas más rápidamente o para evitar que las celdas de la tabla se desborden o se ajusten cuando el contenido es demasiado grande.Esto también permite el desplazamiento virtual en la tabla.

10. Para reutilizar la salida de una función Fetch() o GetChoiceSet() , asigna la salida a una variable de tipo ListSource utilizando la regla Establecer valor.

Diseño de página recomendado

1. Cada página debe contener un solo caso de uso.

   Por ejemplo, en un escenario de gestión de la organización, puedes tener una página de descripción general y luego una página independiente para cada departamento, como TI, RR. HH., Finanzas. Para un escenario típico de añadir/editar, considera utilizar un control Editar cuadrícula en lugar de formularios adicionales de editar/añadir.

   Divide las páginas complejas en páginas modulares y utiliza contenedores de páginas para mostrarlas.

2. En algunos casos, es posible que necesites mostrar contenido contextual en una página, donde diferentes secciones de la página se excluyen mutuamente y se vuelven visibles en función de condiciones específicas, como el valor de una variable de aplicación. Recomendamos implementar este escenario de la siguiente manera:

   1. Crea páginas separadas para cada sección que deba mostrarse de forma condicional.

   2. En la página principal donde deben mostrarse estas secciones, añade un contenedor de página.

   3. Utiliza la regla Abrir página para mostrar la sección correspondiente en el contenedor de página seleccionando el contenedor de página como destino.

   4. Añade una regla Si-entonces-otro para determinar qué página debe renderizarse, en función del valor de la variable. Esto garantiza que solo se muestre la página adecuada, lo que se traduce en una experiencia de usuario más eficiente y simplificado.