> For the complete documentation index, see [llms.txt](https://support.storefront.co.za/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.storefront.co.za/release-notes/july-2025/improved-ux-with-skeleton-loaders.md).

# Improved UX with Skeleton Loaders

### What are Skeleton Loaders?

Skeleton-based loaders, which display a visual placeholder representing the content's structure while it loads, significantly improve user experience by reducing perceived wait times and providing a sense of ongoing progress. They make the loading process feel faster and more engaging than a blank screen or a generic spinner. 

<figure><img src="https://2437543303-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7e8XpylMKss17hKy5WEj%2Fuploads%2F2fPOthVxnxDghZjBFMcb%2Fimage.png?alt=media&amp;token=c562ff25-1245-4e0a-b7d2-528e4778d233" alt=""><figcaption></figcaption></figure>

### What it means for you

1. **Reduce Perceived Load Time:**

By showing a placeholder that mimics the content's layout, skeleton loaders create the illusion that the page is loading faster, even if the actual loading time remains the same.&#x20;

2. **Provide Visual Feedback:**

Instead of a blank screen, skeleton loaders offer visual cues about the content's structure and placement, helping users understand what's coming and reducing cognitive load.&#x20;

3. **Maintain User Engagement:**

By keeping users engaged with a visual representation of the loading content, skeleton loaders prevent them from abandoning the page due to perceived inactivity.&#x20;

4. **Improve Accessibility:**

Skeleton loaders can be designed to be accessible to users with disabilities, ensuring a more inclusive loading experience.&#x20;