啟用頁首與頁尾輸出快取

文章
07/19/2023

若要改善 Power Pages 中頁首與頁尾 Web 範本的處裡效能，請啟用頁首與頁尾輸出快取。每次載入頁面時，就會剖析和轉譯頁首與頁尾 Web 範本。快取頁首與頁尾可大幅降低頁面處理時間。

頁首和頁尾範本是由網站記錄選項區段中的頁首範本和頁尾範本欄位所決定。如果未指定任何頁首和頁尾範本，則會顯示預設的頁首和頁尾。

您可以使用本文中所述的 {% substitution %} 標籤，建立自訂頁首和頁尾網站範本。

所有新網站預設會啟用輸出快取。下列網站設定都可用，並預設為 true，以支援此功能：

Header/OutputCache/Enabled：將此值設為 true，以啟用頁首的輸出快取。
Footer/OutputCache/Enabled：將此值設為 true，以啟用頁尾的輸出快取。

如果您已升級到較新版本的 Power Pages，則預設為停用輸出快取，亦即個別頁面載入時就會剖析和轉譯頁首和頁尾網站範本。若要啟用輸出快取，您必須更新頁首、頁尾及語言下拉式網站範本，並建立所需的網站設定。

注意

如果您建立網站設定，啟用輸出快取，部分頁首與頁尾將不會正確轉譯，並顯示錯誤訊息。

啟用現有網站的頁首與頁尾輸出快取

步驟 1：更新頁首 Web 範本

開啟入口網站管理應用程式。
移至內容>Web 範本。
開啟頁首 Web 範本。

更新來源欄位中的程式碼：

尋找並更新下列程式碼：

現有程式碼

<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>

更新的程式碼

<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>

尋找並更新下列程式碼：

現有程式碼

  {% 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 %}

更新的程式碼

{% 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 %}

儲存 Web 範本。

步驟 2：更新頁尾 Web 範本

開啟入口網站管理應用程式。
移至內容>Web 範本。
開啟頁尾 Web 範本。

在 Source 欄位中，尋找並更新下列程式碼：

現有程式碼

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

更新的程式碼

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

儲存 Web 範本。

步驟 3：更新語言下拉式 Web 範本

開啟入口網站管理應用程式。
移至網站>Web 範本。
開啟語言下拉式 Web 範本。

在來源欄位中，尋找下列程式碼，並確定 language 物件使用的是 url.substitution 屬性而不是 url：

<a href=/{{ language.url_substitution }} title={{ language.name }} data-code={{ language.code }}>{{ language.name }}</a>

儲存 Web 範本。

步驟 4：建立網站設定

建立下列網站設定：

名稱	值
Header/OutputCache/Enabled	TRUE
Footer/OutputCache/Enabled	TRUE

分享方式：

啟用頁首與頁尾輸出快取

啟用現有網站的頁首與頁尾輸出快取

意見反映

意見反映

更多資源