How to Clear Cache Issue on Power Pages While Refreshing the Page

Introduction

Caching is an important feature in Power Pages that improves website performance by storing frequently accessed data. However, developers and administrators often encounter situations where recent changes are not immediately visible after updating content, web pages, forms, lists, or site settings.

In such cases, clearing the cache becomes essential to ensure that users see the latest changes.

This article explains different methods to clear cache issues in Power Pages while refreshing the page.

Why Do Cache Issues Occur in Power Pages?

Power Pages uses caching to improve performance and reduce server requests.

Common scenarios include:

• Web page changes not appearing.
• Content snippets not updating.
• Web templates displaying old content.
• Site settings changes not reflecting.
• Entity forms and lists showing outdated data.
• JavaScript and CSS updates not loading.

Types of Cache in Power Pages

Power Pages uses multiple cache layers:

1. Server-Side Cache

Stores website metadata and configuration information.

2. Browser Cache

Stores JavaScript, CSS, images, and page resources locally.

3. Dataverse Cache

Caches data retrieved from Dataverse tables.

Method 1: Clear Power Pages Server Cache

Power Pages provides a built-in cache clearing option.

Step 1

Navigate to:

Power Pages Admin Center

Step 2

Open your website.

Step 3

Select:

Portal Actions → Restart Site

Step 4

Wait a few minutes for the portal to restart.

Result

All server-side cache is refreshed and recent changes become visible.

Method 2: Clear Cache Using Portal URL

You can manually clear cache using the following URL:

https://yourportalurl/_services/about

Open:

• Clear Cache
• Clear Configuration

Result

Portal metadata cache is refreshed immediately.

Method 3: Browser Hard Refresh

Sometimes the issue is related to browser cache.

Windows

Ctrl + F5

Mac

Command + Shift + R

Result

The browser downloads the latest files from the server.

Method 4: Clear Browser Cache

Google Chrome

1. Open Settings.
2. Select Privacy and Security.
3. Click Clear Browsing Data.
4. Select Cached Images and Files.
5. Click Clear Data.

Result

Old CSS, JavaScript, and image files are removed.

Method 5: Use Versioning for JavaScript and CSS

When updating JavaScript or CSS files, browsers may continue loading older versions.

Instead of:

<script src="/scripts/custom.js"></script>

Use:

<script src="/scripts/custom.js?v=1.0"></script>

After Modifications:

<script src="/scripts/custom.js?v=1.1"></script>

Result

The browser treats it as a new file and loads the latest version.

Method 6: Clear Cache from Design Studio

Step 1

Open:

Power Pages Design Studio

Step 2

Make a small update.

Examples:

• Update a content snippet.
• Save a web page.

Step 3

Republish the site.

Result

Power Pages refreshes website metadata and content cache.

Real-Time Business Scenario

Requirement

A developer updates a web template and publishes changes.

Problem

The website still displays the old template.

Solution

1. Restart the Power Pages site.
2. Clear browser cache.
3. Perform a hard refresh.
4. Verify the changes.

Result

The updated web template is displayed successfully.

Common Cache Issues

Changes Not Visible After Publishing

Cause:

Portal metadata cache.

Solution:

• Restart Site
• Clear Cache

Updated JavaScript Not Loading

Cause:

Browser cache.

Solution:

Add a version parameter to the script file.

Example:

<script src="/js/site.js?v=2"></script>

Content Snippets Showing Old Values

Cause:

Portal configuration cache.

Solution:

Clear Configuration Cache.

Entity List Data Not Updating

Cause:

Dataverse caching.

Solution:

Refresh cache and validate table permissions.