Optimisez le temps de chargement des formulaires grâce aux bonnes pratiques de conception et de script

Les formulaires qui se chargent lentement peuvent réduire la productivité et l’adoption par les utilisateurs. Suivez ces recommandations pour maximiser la vitesse de chargement de vos formulaires. La plupart de ces recommandations concernent la façon dont un développeur peut implémenter des scripts de formulaire pour votre organisation. N’oubliez pas de discuter de ces recommandations avec les développeurs qui créent des scripts de formulaire pour vos formulaires.

Création des formulaires

Pensez à l’interaction que l’utilisateur aura avec le formulaire et à la quantité de données qui doivent y être affichées.

Limitez le nombre de champs au minimum
Plus vous avez de champs dans un formulaire, plus il y a de données à transférer sur Internet ou intranet pour afficher chaque enregistrement.

Scripts de formulaires

Lorsque vous avez des personnalisations à l’aide de scripts de formulaire, assurez-vous que le développeur comprend ces stratégies pour améliorer les performances.

Évitez d’utiliser des requêtes synchrones Les requêtes synchrones peuvent ralentir le chargement des pages et empêcher les formulaires de répondre. Utiliser plutôt des demandes asynchrones. Consultez ce billet de blog pour plus d’exemples.

Évitez d’inclure des bibliothèques de ressources Web JavaScript inutiles
Plus vous ajoutez de scripts au formulaire, plus il vous faudra de temps pour les télécharger. Habituellement, les scripts sont mis en cache dans votre navigateur après leur premier chargement, mais les performances lors de la première consultation d’un formulaire créent souvent une impression significative.

Évitez de charger tous les scripts dans l’événement Onload
Si vous avez du code qui ne prend en charge que les événements OnChange pour les champs ou l’événement OnSave, assurez-vous de définir la bibliothèque de scripts avec le gestionnaire d’événements pour ces événements au lieu de l’événement OnLoad. De cette façon, le chargement de ces bibliothèques peut être différé et augmenter les performances lors du chargement du formulaire.

Utiliser les onglets réduits pour différer le chargement des ressources Web
Lorsque des ressources Web ou des IFRAMES sont incluses dans des sections à l’intérieur d’un onglet réduit, elles ne sont pas chargées si l’onglet est réduit. Ils sont chargés lorsque l’onglet est développé. Lorsque l’état de l’onglet change, l’événement TabStateChange se produit. Tout code requis pour prendre en charge les ressources Web ou les IFRAME dans les onglets réduits peut utiliser des gestionnaires d’événements pour l’événement TabStateChange et réduire le code qui pourrait autrement devoir se produire dans l’événement OnLoad .

Définir les options de visibilité par défaut
Évitez d’utiliser des scripts de formulaire dans l’événement OnLoad qui masquent des éléments de formulaire. Au lieu de cela, définissez les options de visibilité par défaut pour les éléments de formulaire qui peuvent être masqués afin qu’ils ne soient pas visibles par défaut lors du chargement du formulaire. Ensuite, utilisez des scripts dans l’événement OnLoad pour afficher les éléments de formulaire que vous souhaitez afficher. Si les éléments du formulaire ne sont jamais rendus visibles, ils doivent être supprimés du formulaire plutôt que masqués.

Barre de commandes ou ruban

Gardez ces recommandations à l’esprit lorsque vous modifiez la barre de commandes ou le ruban.

Limitez le nombre de contrôles au minimum
Dans la barre de commandes ou le ruban du formulaire, évaluez les contrôles nécessaires et masquez ceux dont vous n’avez pas besoin. Chaque contrôle affiché augmente les ressources qui doivent être téléchargées dans le navigateur.

Utiliser des requêtes réseau asynchrones dans les règles personnalisées Lorsque vous utilisez des règles personnalisées qui effectuent des demandes réseau dans Unified Interface, utilisez l’évaluation de règle asynchrone.

Voir aussi

Créer et concevoir des formulaires
Considérations en matière de conception des formulaires principaux
Présentation des formulaires principaux dans les différents clients