เปิดใช้งานการแคชเอาท์พุทส่วนหัวและส่วนท้าย

เมื่อต้องการเพิ่มประสิทธิภาพในการประมวลผลสำหรับเทมเพลตเว็บ ส่วนหัว และ ส่วนท้าย ใน Power Pages ให้เปิดใช้งานการแคชเอาท์พุทส่วนหัวและส่วนท้าย เทมเพลตเว็บส่วนหัวและส่วนท้ายจะถูกแยกวิเคราะห์และแสดงทุกครั้งที่โหลดเพจ การแคชเอาท์พุทส่วนหัวและส่วนท้ายบนพอร์ทัล จะลดเวลาในการประมวลผลของหน้านั้นลงอย่างมาก

เทมเพลตส่วนหัวและส่วนท้ายถูกกำหนดโดยฟิลด์ เทมเพลตส่วนหัว และฟิลด์ เทมเพลตส่วนท้าย ในส่วน ตัวเลือก ของเรกคอร์ด เว็บไซต์ หากไม่ได้ระบุเทมเพลตส่วนหัวหรือส่วนท้ายไว้ ส่วนหัวและส่วนท้ายเริ่มต้นจะแสดงขึ้น

คุณสามารถสร้างเทมเพลตเว็บส่วนหัวและส่วนท้ายแบบกำหนดเองที่ใช้แท็ก {% substitution %} ที่ระบุไว้ในบทความนี้

สำหรับเว็บไซต์ใหม่ทั้งหมด เอาต์พุตแคชจะเปิดใช้งานโดยค่าเริ่มต้น การตั้งค่าไซต์ต่อไปนี้พร้อมใช้งาน และถูกตั้งค่าให้เป็นจริงโดยค่าเริ่มต้นเพื่อสนับสนุนฟังก์ชันการทำงานนี้:

• ส่วนหัว/แคชเอาต์พุต/เปิดใช้งาน: ตั้งค่าเป็นจริงเพื่อเปิดใช้งานการแคชเอาท์พุทสำหรับส่วนหัว
• ส่วนท้าย/แคชเอาต์พุต/เปิดใช้งาน: ตั้งค่าเป็นจริงเพื่อเปิดใช้งานการแคชเอาท์พุทสำหรับส่วนท้าย

หากคุณปรับรุ่น Power Pages เป็นรุ่นที่ใหม่ขึ้น การแคชเอาต์พุตจะถูกปิดใช้งานโดยค่าเริ่มต้นนั่นคือ เทมเพลตเว็บ ส่วนหัว และ ส่วนท้าย จะถูกแยกวิเคราะห์และแสดงเมื่อโหลดทุกหน้า เมื่อต้องการเปิดใช้งานการแคชเอาท์พุท คุณต้องปรับปรุงเทมเพลตเว็บ ส่วนหัว, ส่วนท้าย และ รายการแบบหล่นลงของภาษา และสร้างการตั้งค่าไซต์ที่จำเป็นต่าง ๆ

หมายเหตุ

ถ้าคุณเปิดใช้งานการแคชเอาท์พุทเท่านั้นโดยการสร้างการตั้งค่าไซต์ ส่วนของส่วนหัวและส่วนท้ายจะไม่แสดงอย่างถูกต้อง และจะแสดงข้อความแสดงข้อผิดพลาดขึ้น

เปิดใช้งานการแคชเอาท์พุทส่วนหัวและส่วนท้ายสำหรับเว็บไซต์ที่มีอยู่

ขั้นตอนที่ 1: อัปเดตเทมเพลตเว็บส่วนหัว

1. เปิด แอปการจัดการพอร์ทัล.

2. ไปที่ เนื้อหา>เทมเพลตเว็บ

3. เปิดเทมเพลตเว็บแบบส่วนหัว

4. อัปเดตรหัสในฟิลด์ แหล่งที่มา:

   • ค้นหารหัสต่อไปนี้ และปรับปรุง:

     โค้ดที่มีอยู่

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

5. บันทึกเทมเพลตเว็บ

ขั้นตอนที่ 2: อัปเดตเทมเพลตเว็บส่วนท้าย

1. เปิด แอปการจัดการพอร์ทัล

2. ไปที่ เนื้อหา>เทมเพลตเว็บ

3. เปิดเทมเพลตเว็บแบบส่วนท้าย

4. ในฟิลด์ ต้นทาง ค้นหารหัสต่อไปนี้ และปรับปรุง:

   โค้ดที่มีอยู่

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

5. บันทึกเทมเพลตเว็บ

ขั้นตอนที่ 3: อัปเดตเทมเพลตเว็บรายการดรอปดาวน์ของภาษา

1. เปิด แอปการจัดการพอร์ทัล

2. ไปที่ เว็บไซต์>เทมเพลตเว็บ

3. เปิดเทมเพลตเว็บ รายการดรอปดาวน์ของภาษา

4. ในฟิลด์ แหล่งที่มา ค้นหารหัสต่อไปนี้ และตรวจสอบให้แน่ใจว่าออบเจ็กต์ language ใช้แอตทริบิวต์ url.substitution แทนที่จะเป็น url:

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

5. บันทึกเทมเพลตเว็บ

ขั้นตอนที่ 4: สร้างการตั้งค่าไซต์

สร้างการตั้งค่าไซต์ต่อไปนี้:

ชื่อ	มูลค่า
ส่วนหัว/แคชเอาต์พุต/เปิดใช้งาน	True
ส่วนท้าย/แคชเอาต์พุต/เปิดใช้งาน	True