---
schema_version: "1"
id: 626e46103f22b101224dd31d365b221caaaf9b5b041e431f14fbc295da5d0ebb
title: Prioritize Component Display Order with Progressive Rendering
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/experience/264-0-0/community_builder_prioritization_howto.md
canonical_url: https://help.salesforce.com/s/articleView?id=experience.community_builder_prioritization_howto.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 8cbbf5bc504f92983c6402441b3ab439148646710e11db082ae55c3abf90cb05
description: Quickly set the display order of components on your Experience Builder pages with Progressive Rendering. By carefully optimizing how your pages display, you can enhance the experience of your site and better engage your community.
products:
  - Experiences
release: "264"
---
# Prioritize Component Display Order with Progressive Rendering

Quickly set the display order of components on your Experience Builder pages with Progressive Rendering. By carefully optimizing how your pages display, you can enhance the experience of your site and better engage your community.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: <strong>Enterprise</strong>, <strong>Performance</strong>, <strong>Unlimited</strong>, and <strong>Developer</strong> Editions</td></tr></tbody></table>

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d81932e64">User Permissions Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d81932e64 ">To enable Progressive Rendering
              and apply settings:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d81932e64 ">Create and Set Up Communities</td>

          </tr>
        </tbody>
      </table>

Before you activate this feature, read [Component Prioritization Guidelines](https://help.salesforce.com/s/articleView?id=experience.community_builder_prioritization_guidelines.htm&release=264.0.0&type=5 "Here are some guidelines for how to get the most out of Progressive Rendering."). Determine the need and value of using Progressive Rendering for your site.

Choose the components you want to load first and which can load later. Evaluating components is a combination of determining their computational load and their design and user impact. Good decisions require research, analysis, testing, and retesting. Consider working with other disciplines, such as usability experts, to ensure that you’re evaluating all potential impacts.

1. In the Experience Builder Advanced settings, enable Progressive Rendering.
    
    ![Progressive rendering settings](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/community_builder_progrend_control.png)
2. Select a component on the page.
3. From the actions menu (1) in the Property Editor, select **Assign Display Priority** (2).
    
    ![Component menu with progressive rendering selection](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/community_builder_progrend_component_menu.png)
4. Choose the appropriate priority, and click **Assign**.
    
    There are three priority choices.
    
    Component Priority Levels  
    | Priority | Description |
    | --- | --- |
    | Highest | Highest priority components are displayed first. This priority is recommended for key content that you want to display first or content that appears above the fold on longer pages. |
    | High | High priority components are displayed after all components in the Highest group. |
    | Neutral | Neutral priority components are displayed after all other components that have a higher priority. By default, all components begin with a Neutral priority. |
    
    After you select a priority, a color border and icon around the component indicates the priority that is assigned. An icon also appears by the component in the Page Structure panel. In addition, a banner is added to the page to remind you that there are components with priorities set on the page.
    
    To change the priority later, select **Edit Display Priority** in the component menu, or click either of the priority icons displayed in the page structure menu or the component border.
    
    ![Progressive rendering page structure menu indicator](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/communites_builder_progrend_pagestructure.png) ![Progressive rendering component border indicator](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/communites_builder_progrend_compborder.png)
    
    To remove the priority entirely, select **Unassign Display Priority** in the component menu.
5. Test your results, and ensure that the experience is what you expect.

If you add new components or change the priorities of existing components, re-examine the priority choices on your page to ensure that they’re still appropriate and working as intended.

#### See Also

- [Progressive Rendering Guidelines](https://help.salesforce.com/s/articleView?id=experience.community_builder_prioritization_guidelines.htm&release=264.0.0&type=5 "Here are some guidelines for how to get the most out of Progressive Rendering.")
- [Salesforce Community Page Optimizer analyzer](https://salesforce.quip.com/eXICApPXVIaN)