Melhores práticas de desempenho

Máximos recomendados

Observação:

Os seguintes valores máximos são recomendados para um desempenho ideal de aplicativo. Exceder esses valores pode levar à degradação do desempenho, mas o Apps não impõe nenhum limite.

1. Use o máximo de 200 controles em uma página.

2. Inclua no máximo cinco controles complexos em uma página, como tabelas ou grades.

3. Use contêineres de página em no máximo 10 guias por controle Guia .

4. Aninhe no máximo cinco contêineres.

5. Aninhe no máximo dez regras em um evento.

6. Use os controles de Tabela para exibir o máximo de 200 registros somente leitura.

Carregamento de página otimizado

1. Use o mesmo contêiner de página e variáveis para carregar páginas individuais.

   Digamos que você tenha um formulário de várias etapas, em que as etapas são sequenciais e o conteúdo de cada uma reside em uma página individual. Na página inicial, em vez de ter contêineres para cada etapa, reutilize o mesmo contêiner de página e carregue uma página diferente nele usando uma variável ou a regra If-Then-Else.

2. Use menos contêineres de Guia e Página em uma página para melhorar seu carregamento inicial.

Configuração de controle recomendada

1. Use o controle Editar grade para exibir e editar registros tabulares ou grandes conjuntos de dados. Esse controle oferece recursos de classificação, paginação e do lado do servidor, permitindo exibir mais de 1.000 registros de entidades.

2. Para controles Editar grade somente leitura, desabilite os recursos de edição no designer de aplicativos para acelerar a renderização e remover ícones de edição para obter um layout mais limpo.

3. Aprimore a velocidade de renderização do controle Editar grade , ajustando a altura para um máximo de 1200px. Essa modificação otimiza ao mesmo tempo o número de linhas visíveis.

4. Se você estiver usando o mesmo estilo de formatação em várias linhas de um controle do Editor de rich text , aplique o estilo de uma vez em vez de para cada linha individual. Fazer isso economiza o tempo gasto para renderizar o estilo de cada linha.

5. Para controles de Imagem , recomendamos manter os tamanhos de imagem acima de 50% do tamanho original. Use uma resolução mais baixa para logotipos pequenos e evite usar imagens de alta definição para garantir um desempenho ideal.

6. Para assegurar reproduções de vídeo bem-sucedidas nos controles IFrame , use os links incorporados fornecidos pelo site de hospedagem.

7. Para melhorar a legibilidade e a experiência do usuário de aplicativos, recomendamos usar sete opções ou menos para controles de Botão de rádio e empilha-las verticalmente quando a largura for restrita. Para usar mais de sete opções, use Controles suspensos .

8. Não defina a largura dos controles de Tabela como auto para evitar deslocamentos inesperados nas larguras das colunas devido aos comprimentos variáveis de conteúdo ou para evitar que as tabelas se tornem muito estreitas em telas menores.Isso também habilita a rolagem virtual na tabela.

9. Use pixels para definir a largura e a altura dos controles de Tabela para renderizar tabelas mais rapidamente ou para evitar que as células da tabela transbordem ou sejam agrupadas quando o conteúdo for muito grande.Isso também habilita a rolagem virtual na tabela.

10. Para reutilizar a saída de uma função Fetch() ou GetChoiceSet(), atribua a saída em uma variável do tipo ListSource usando a regra Definir valor.

Design de página recomendado

1. Cada página deve conter um único caso de uso.

   Por exemplo, em um cenário de gerenciamento da organização, você pode ter uma página geral e, em seguida, uma página separada para cada departamento, como TI, RH e Finanças. Para um cenário típico de adicionar/editar, considere usar um controle Editar grade em vez de editar/adicionar formulários adicionais.

   Divida páginas complexas em páginas modulares e use contêineres de página para exibi-las.

2. Em alguns casos, você pode precisar exibir conteúdo contextual em uma página, em que diferentes seções da página são mutuamente exclusivas e se tornam visíveis com base em condições específicas, como o valor de uma variável de aplicativo. Recomendamos implementar esse cenário da seguinte forma:

   1. Crie páginas separadas para cada seção que precisa ser exibida condicionalmente.

   2. Na página principal em que essas seções devem ser exibidas, adicione um contêiner de página.

   3. Use a regra Abrir página para exibir a seção relevante no contêiner de página selecionando o contêiner de página como destino.

   4. Adicione uma regra If-Then-Else para determinar qual página deve ser renderizada, com base no valor da variável. Isso garante que apenas a página apropriada seja exibida, resultando em uma experiência do usuário mais eficiente e simplificada.