Configurer l’ordre de chargement des widgets dans Portail de services

  • Rversion finale: Zurich
  • Mis à jour 31 juil. 2025
  • 1 minute de lecture
  • Configurez les pages du portail de services pour différer le chargement des widgets sur une page. Le délai de chargement des widgets non essentiels permet d’améliorer la vitesse de chargement des pages et d’optimiser l’utilisation des ressources.

    Avant de commencer

    Rôle requis : sp_admin ou admin

    Procédure

    1. Accédez à la Tous > Portail de services > Concepteur de portail de services > Widgets.
    2. Placez le pointeur de la souris sur le widget dont vous souhaitez différer le chargement.
    3. Sélectionnez l’icône Formulaire pour ouvrir un nouveau formulaire.
    4. Cochez la case Cocher la case pour différer le chargement de ce widget .
    5. Renseignez les champs dans le formulaire.
      Tableau 1. Champs de formulaire
      Champ Description
      Dans quel ordre voulez-vous charger le widget ? Sélectionnez Viewport si vous souhaitez que le widget se charge lorsqu’il apparaît dans la vue de page. Sélectionnez Parallèle pour que le widget se charge peu de temps après le chargement de la page.
      Type d'équipement Sélectionnez le type d’appareil (ordinateur de bureau, tablette et mobile) sur lequel vous souhaitez différer le chargement des widgets.
      Configuration avancée de dimensions Sélectionnez la case CHeck pour définir la hauteur et la largeur du widget.
      Dimensions de l'espace réservé Spécifiez la hauteur et la largeur du widget dans chacun des types d’appareils sélectionnés avec le code suivant :
      
      {
        "mobile": {
        "height": "100%",  
        "width": "100%"
        },
        "desktop": {
        "height": "100px",
        "width": "100%"
        },
        "tablet": {
        "height": "100%",
        "width": "100%"
        }
      }
      
      
      Limiter la taille du widget à l'espace réservé Cochez la case pour conserver les dimensions d’espace réservé d’origine et éviter les changements de mise en page.
      Modèle d’espace réservé Définissez le chargeur squelette personnalisé. Un code par défaut est déjà disponible et peut être modifié pour être personnalisé.
    6. Sélectionnez Enregistrer.

    Résultats

    Le chargement différé du widget est activé.