Activer la mise en cache de la sortie d’en-tête et de pied de page

Pour améliorer les performances de traitement des modèles Web En-tête et Pied de page dans Power Pages, activez la mise en cache de la sortie d’en-tête et de pied de page. Les modèles Web En-tête et Pied de page sont analysés et affichés chaque fois qu’une page est chargée. La mise en cache de la sortie d’en-tête et de pied de page réduit considérablement le temps de traitement des pages.

Les modèles d’en-tête et de pied de page sont déterminés par les champs Modèle d’en-tête et Modèle de pied de page dans la section Options de l’enregistrement Site Web. Si aucun modèle d’en-tête ou de pied de page n’est spécifié, l’en-tête et le pied de page par défaut sont affichés.

Vous pouvez créer des modèles Web d’en-tête et de pied de page personnalisés qui utilisent la balise {% substitution %} décrite dans cet article.

Pour tous les nouveaux sites Web, la mise en cache de la sortie est activée par défaut. Les paramètres de site suivants sont disponibles et définis sur true par défaut pour prendre en charge cette fonctionnalité :

  • Header/OutputCache/Enabled : définissez la valeur sur true pour activer la mise en cache de la sortie pour l’en-tête.
  • Footer/OutputCache/Enabled : définissez la valeur sur true pour activer la mise en cache de la sortie pour le pied de page.

Si vous avez effectué une mise à niveau vers une version plus récente de Power Pages, la mise en cache de la sortie est désactivée par défaut, en d’autres termes, les modèles Web En-tête et Pied de page sont analysés et affichés à chaque chargement de page. Pour activer la mise en cache de la sortie, vous devez mettre à jour les modèles Web En-tête, Pied de page et Liste déroulante de langues et créer les paramètres de site requis.

Note

Si vous activez la mise en cache de la sortie uniquement en créant des paramètres de site, des parties de l’en-tête et du pied de page ne s’afficheront pas correctement et un message d’erreur apparaîtra.

Étape 1 : mettre à jour le modèle Web En-tête

  1. Ouvrez l’application Gestion du portail.

  2. Accédez à Contenu>Modèles web.

  3. Ouvrez le modèle Web En-tête.

  4. Mettez à jour le code dans le champ Source :

    • Recherchez le code suivant et mettez-le à jour :

      Code existant

      <li>
          <a href={% if homeurl%}/{{ homeurl }}{% endif %}/Account/Login/LogOff?returnUrl={{ request.raw_url_encode | escape }} title={{ snippets["links/logout"] | default:resx["Sign_Out"] | escape }}>
          {{ snippets["links/logout"] | default:resx["Sign_Out"] | escape }}
          </a>
      </li>
      </ul>
      </li>
      {% else %}
      <li>
          <a href={% if homeurl%}/{{ homeurl }}{% endif %}/SignIn?returnUrl={{ request.raw_url_encode }}>
          {{ snippets["links/login"] | default:resx["Sign_In"] }}
          </a>
      </li>
      

      Code mis à jour

      <li>
         <a href={% if homeurl%}/{{ homeurl }}{% endif %}{{ website.sign_out_url_substitution }} title={{ snippets["links/logout"] | default:resx["Sign_Out"] | escape }}>
         {{ snippets["links/logout"] | default:resx["Sign_Out"] | escape }}
         </a>
      </li>
      </ul>
      </li>
      {% else %}
      <li>
         <a href={% if homeurl%}/{{ homeurl }}{% endif %}{{ website.sign_in_url_substitution }}>
         {{ snippets["links/login"] | default:resx["Sign_In"] }}
         </a>
      </li>
      
    • Recherchez le code suivant et mettez-le à jour :

      Code existant

        {% assign current_page = page.adx_partialurl %}
        {% assign sr_page = sitemarkers[Search].url | remove: '/' %}
        {% assign forum_page = sitemarkers[Forums].url | remove: '/' %}
        {% if current_page == sr_page or current_page == forum_page %}
          <section class=page_section section-landing-{{ current_page }} color-inverse>
            <div class=container>
              <div class=row >
                <div class=col-md-12 text-center>
                  {% if current_page == sr_page %}
                    <h1 class=section-landing-heading>{% editable snippets 'Search/Title' default: resx["Discover_Contoso"] %}</h1>
                    {% include 'Search' %}
                  {% endif %}
                </div>
              </div>
            </div>
          </section>
      {% endif %}
      

      Code mis à jour

      {% substitution %}
          {% assign current_page = page.id %}
          {% assign sr_page = sitemarkers[Search].id %}
          {% assign forum_page = sitemarkers[Forums].id %}
          {% if current_page == sr_page or current_page == forum_page %}
            {% assign section_class = section-landing-search %}
            {% if current_page == forum_page %}
              {% assign section_class = section-landing-forums %}
            {% endif %}
           <section class=page_section section-landing-{{ current_page }} {{ section_class | h }} color-inverse>
              <div class=container>
                <div class=row >
                  <div class=col-md-12 text-center>
                    {% if current_page == sr_page %}
                      <h1 class=section-landing-heading>{% editable snippets 'Search/Title' default: resx["Discover_Contoso"] %}</h1>
                      {% include 'Search' %}
                    {% endif %}
                  </div>
                </div>
              </div>
            </section>
          {% endif %}
      {% endsubstitution %}
      
  5. Enregistrez le modèle Web.

Étape 2 : mettre à jour le modèle Web Pied de page

  1. Ouvrez l’application Gestion du portail.

  2. Accédez à Contenu>Modèles web.

  3. Ouvrez le modèle Web Pied de page.

  4. Dans le champ Source, recherchez le code suivant et mettez-le à jour :

    Code existant

    <section id=gethelp class=page_section section-diagonal-right color-inverse {% if page %}{% unless page.parent %}home-section{% endunless %}{% endif %} hidden-print>
    

    Code mis à jour

    <section id=gethelp class=page_section section-diagonal-right color-inverse {% substitution %}{% if page %}{% unless page.parent %}home-section{% endunless %}{% endif %}{% endsubstitution %} hidden-print>
    
  5. Enregistrez le modèle Web.

Étape 3 : mettre à jour le modèle Web Liste déroulante de langues

  1. Ouvrez l’application Gestion du portail.

  2. Accédez à Site web>Modèles web.

  3. Ouvrez le modèle Web Liste déroulante de langues.

  4. Dans le champ Source, recherchez le code suivant et assurez-vous que les objets language utilisent l’attribut url.substitution au lieu de url :

    <a href=/{{ language.url_substitution }} title={{ language.name }} data-code={{ language.code }}>{{ language.name }}</a>
    
  5. Enregistrez le modèle Web.

Étape 4 : créer les paramètres de site

Créez les paramètres de site suivants :

Nom Valeur
Header/OutputCache/Enabled True
Footer/OutputCache/Enabled True