Otimize o tempo de carregamento do formulário com as melhores práticas de design e script

Os formulários que carregam lentamente podem reduzir a produtividade e a adoção do usuário. Siga as recomendações para maximizar a rapidez do carregamento dos seus formulários. Várias dessas recomendações são sobre como um desenvolvedor pode implementar scripts de formulário para sua organização. Certifique-se de discutir essas recomendações com os desenvolvedores que criam scripts de formulário para seus formulários.

Design do formulário

Pense sobre a interação que o usuário terá com o formulário e a quantidade de dados que deverá ser exibida.

Manter o número de campos em um mínimo
Quanto mais campos estiverem disponíveis no formulário, mais dados precisarão ser transferidos pela Internet ou intranet para exibir cada registro.

Scripts de formulário

Quando você tem personalizações usando scripts de formulário, certifique-se de que o desenvolvedor entenda essas estratégias para melhorar o desempenho.

Evite usar solicitações síncronas Solicitações síncronas podem causar carregamentos de página lentos e formulários sem resposta. Em vez disso, use solicitações assíncronas. Veja esta postagem de blog para mais exemplos.

Evite incluir bibliotecas de recursos da Web de Javascript desnecessárias
Quanto mais scripts você adiciona ao formulário, mais tempo levará para baixá-los. Os scripts geralmente são armazenados em cache no navegador depois de serem carregados pela primeira vez, mas o desempenho na primeira vez que um formulário é exibido geralmente cria uma boa impressão.

Evite carregar todos os scripts no evento Onload
Se você tiver um código que oferece suporte apenas para eventos do OnChange para campos ou o evento OnSave, certifique-se de definir a biblioteca de scripts com o manipulador de eventos para esses eventos ao invés do evento OnLoad. Dessa forma, carregar essas bibliotecas pode atrasar e aumentar o desempenho ao carregar formulários.

Use para guias ocultas para atrasar o carregamento de recursos da Web
Quando os recursos da Web ou IFRAMES são incluídos nas seções em uma guia recolhida, eles não serão carregados se a guia for recolhida. Serão carregados quando a guia for expandida. Quando o estado da guia muda, o evento TabStateChange ocorre. Um código necessário para oferecer suporte aos recursos da Web ou IFRAMEs nas guias recolhidas pode usar manipuladores de eventos para o evento TabStateChange e reduzir o código que pode ocorrer no evento OnLoad.

Definir opções de visibilidade padrão
Evite usar scripts de formulário no evento OnLoad que ocultam elementos do formulário. Em vez disso, defina as opções de visibilidade padrão para elementos do formulário que possam estar ocultos e não estar visíveis por padrão ao carregar formulários. Em seguida, use scripts no evento OnLoad para mostrar os elementos de formulário que deseja exibir. Se os elementos do formulário nunca ficarem visíveis, eles devem ser removidos do formulário em vez de ocultos.

Barra de comandos ou faixa de opções

Mantenha essas recomendações em mente ao editar a barra de comandos ou a faixa de opções.

Manter o número de controles em um mínimo
Na barra de comandos ou na faixa de opções do formulário, avalie quais controles são necessários e oculte aqueles desnecessários. Qualquer controle que é exibido aumenta os recursos necessários para ser baixado para o navegador.

Usar solicitações de rede assíncronas em Regras Personalizadas Ao usar regras personalizadas que fazem solicitações de rede em Interface Unificada, use avaliação de regra assíncrona .

Consulte também

Criar e projetar formulários
Considerações sobre design para formulários principais
Como os formulários principais aparecem em clientes diferentes