Bonnes pratiques de performance

Maximums recommandés

Remarque :

Les valeurs maximales suivantes sont recommandées pour optimiser les performances de l'application. Si le dépassement de ces valeurs peut entraîner une dégradation des performances, Apps n'impose aucune limite.

1. Utilisez un maximum de 200 contrôles par page.

2. Incluez un maximum de cinq contrôles complexes par page, tels que des tables ou des grilles.

3. Utilisez des conteneurs de page dans un maximum de 10 onglets par commande Onglet (Tab).

4. Imbriquez un maximum de cinq conteneurs.

5. Imbriquez un maximum de dix règles dans un événement.

6. Utilisez les contrôles de table pour afficher un maximum de 200 enregistrements en lecture seule.

Chargement de page optimisé

1. Utilisez le même conteneur de page et les mêmes variables pour charger des pages individuelles.

   Supposons que vous ayez un formulaire en plusieurs étapes, où les étapes sont séquentielles et où le contenu de chaque étape réside dans une page individuelle. Sur la page de démarrage, au lieu d'avoir des conteneurs pour chaque étape, réutilisez le même conteneur de page et chargez une page différente dedans en utilisant une variable ou la règle Si-Alors-Sinon (If-Then-Else).

2. Utilisez moins de conteneurs Onglet (Tab) et Page sur une page pour améliorer le chargement initial de la page.

Configuration de commande recommandée

1. Utilisez contrôle Modifier la grille (Edit grid) pour afficher et modifier des enregistrements tabulaires ou des ensembles de données volumineux. Ce contrôle offre des fonctionnalités de tri, de pagination et côté serveur, permettant d'afficher plus de 1 000 enregistrements d'entités.

2. Pour les commandes Modifier la grille ( Edit grid ) en lecture seule, désactivez les capacités d'édition dans le concepteur d'application pour accélérer le rendu et supprimer les icônes d'édition pour une mise en page plus claire.

3. Améliorez la vitesse du rendu de la commande Modifier la grille ( Edit grid ) en ajustant la hauteur à un maximum de 1200px. Cette modification optimise simultanément le nombre de lignes visibles.

4. Si vous utilisez le même style de mise en forme sur plusieurs lignes d'une commande Éditeur de texte enrichi ( Rich Text Editor ), appliquez le style en une seule fois plutôt que pour chaque ligne individuellement. Cela permet d'économiser du temps passé à restituer le style pour chaque ligne.

5. Pour les contrôles d' image , nous vous recommandons de conserver des tailles d'image supérieures à 50 % de la taille d'origine. Utilisez une résolution inférieure pour les petits logos et évitez d'utiliser des images haute définition pour garantir des performances optimales.

6. Pour garantir des lectures vidéo réussies dans les contrôles IFrame , utilisez les liens intégrés fournis par le site hôte.

7. Pour améliorer la lisibilité et l'expérience utilisateur de l'application, nous vous recommandons d'utiliser sept options ou moins pour les commandes Bouton radio ( Radio Button ) et de les empiler verticalement lorsque la largeur est limitée. Pour utiliser plus de sept options, utilisez les commandes Liste déroulante ( Dropdown ).

8. Ne définissez pas la largeur des contrôles de tables sur auto pour éviter des décalages inattendus au niveau de la largeur des colonnes en raison de longueurs de contenu variables, ou pour empêcher les tables de devenir trop petites sur des écrans de taille inférieure. Cela permet également le défilement virtuel dans la table.

9. Utilisez des pixels pour définir la largeur et la hauteur des contrôles des tables, pour accélérer le rendu des tables ou pour empêcher les cellules d'une table de déborder ou d'être renvoyées à la ligne lorsque le contenu est trop volumineux. Cela permet également le défilement virtuel dans la table.

10. Pour réutiliser la sortie d'une fonction Fetch() ou GetChoiceSet() , affectez la sortie à une variable de type ListSource à l'aide de la règle Définir la valeur (Set Value).

Conception de page recommandée

1. Chaque page doit contenir un seul cas d'utilisation.

   Par exemple, dans un scénario de gestion d'organisation, vous pouvez avoir une page de vue d'ensemble, puis une page distincte pour chaque service, tel que Informatique, RH, Finances, etc. Pour un scénario d'ajout/de modification type, envisagez d'utiliser un contrôle Modifier la grille (Edit Grid) au lieu de formulaires de modification/d'ajout supplémentaires.

   Fractionnez des pages complexes en pages modulaires, puis utilisez des conteneurs de pages pour les afficher.

2. Dans certains cas, vous devrez peut-être afficher du contenu contextuel sur une page, où différentes sections de la page s'excluent mutuellement et deviennent visibles en fonction de conditions spécifiques, telles que la valeur d'une variable d'application. Nous vous recommandons de mettre en œuvre ce scénario comme suit :

   1. Créez des pages distinctes pour chaque section qui doit être affichée de manière conditionnelle.

   2. Sur la page principale où ces sections doivent être affichées, ajoutez un conteneur de page.

   3. Utilisez la règle Ouvrir la page (Open page) pour afficher la section pertinente dans le conteneur de page en sélectionnant le conteneur de page comme cible.

   4. Ajoutez une règle Si-Alors-Sinon (If-Then-Else) pour déterminer quelle page doit être affichée, en fonction de la valeur de la variable. Cela garantit que seule la page appropriée est affichée, ce qui se traduit par une expérience utilisateur plus efficace et simplifiée.