啟用入口網站上的頁首與頁尾輸出快取
注意
自 2022 年 10 月 12 日起,Power Apps 入口網站為 Power Pages。 其他資訊:Microsoft Power Pages 現在已推出 (部落格)
我們很快就會遷移並將 Power Apps 入口網站文件與 Power Pages 文件併合。
若要改善入口網站中頁首與頁尾 Web 範本的處裡效能,請啟用頁首與頁尾輸出快取。 每次載入頁面時,就會剖析和轉譯頁首與頁尾 Web 範本。 快取頁首與頁尾可大幅降低頁面處理時間。
新的使用者預設會啟用輸出快取。 下列網站設定都可用,並預設為 true,以支援此功能:
- Header/OutputCache/Enabled:將此值設為 true,以啟用頁首的輸出快取。
- Footer/OutputCache/Enabled:將此值設為 true,以啟用頁尾的輸出快取。
對於已將升級入口網站為較新版本的使用者來說,輸出快取預設為停用 — 亦即個別頁面載入時就會剖析和轉譯頁首與頁尾 Web 範本。 若要啟用輸出快取,您必須更新頁首、頁尾及語言下拉式 Web 範本,並建立所需的網站設定。
注意
如果您建立網站設定,啟用輸出快取,部分頁首與頁尾將不會正確轉譯,並顯示錯誤訊息。
啟用現有使用者的頁首與頁尾輸出快取
步驟 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 |