Title: Smart Preload DL
Author: devlemon
Published: <strong>24 d'agost de 2026</strong>
Last modified: 31 d'agost de 2026

---

Cerca extensions

![](https://ps.w.org/devlemon-smart-preload/assets/banner-772x250.png?rev=3664127)

![](https://ps.w.org/devlemon-smart-preload/assets/icon-256x256.png?rev=3664132)

# Smart Preload DL

 Per [devlemon](https://profiles.wordpress.org/devlemon/)

[Baixa](https://downloads.wordpress.org/plugin/devlemon-smart-preload.1.1.1.zip)

 * [Detalls](https://ca.wordpress.org/plugins/devlemon-smart-preload/#description)
 * [Ressenyes](https://ca.wordpress.org/plugins/devlemon-smart-preload/#reviews)
 *  [Instal·lació](https://ca.wordpress.org/plugins/devlemon-smart-preload/#installation)
 * [Desenvolupament](https://ca.wordpress.org/plugins/devlemon-smart-preload/#developers)

 [Suport](https://wordpress.org/support/plugin/devlemon-smart-preload/)

## Descripció

**Smart Preload DL** adds a visual loading overlay to your WordPress site while 
pages are loading. It gives you precise control over which pages the preloader appears
on — down to individual IDs, slugs, and URL patterns.

#### Core Features

 * 4 animation styles: Spinner, Dots, Progress Bar, and Minimal
 * Custom background and animation colours
 * Adjustable preloader background opacity from 0% to 100%
 * Optional logo above the animation
 * Optional loading text below the animation
 * Three animation sizes: Small, Medium, Large
 * 7 selectable exit behaviours: Fade, Slide Up, Slide Down, Zoom Out, Reveal Vertical,
   Reveal Horizontal, and Instant
 * Configurable minimum display time, transition duration, and safety timeout

#### Display Control

 * Show on all pages or only on selected pages
 * Exclude specific pages from a site-wide display
 * Block by page/post ID (comma-separated list)
 * Block by slug (one per line)
 * Block by URL pattern with `*` wildcard support
 * Per-type rules: Front Page, Blog Index, Single Posts, Pages, Categories, Tags,
   Archives, Search, 404
 * Option to hide the preloader for logged-in users

#### WooCommerce

When WooCommerce is active, additional rules appear for: Shop, Product, Cart, Checkout,
and My Account pages.

#### Technical Notes

 * No external HTTP requests
 * Front-end JavaScript is vanilla JS — no jQuery dependency
 * CSS and JS are only enqueued on pages where the preloader is shown
 * Uses the native `wp_body_open` hook for early preloader rendering
 * Full internationalisation support
 * Settings stored in a single serialised option; clean uninstall removes all plugin
   data

## Captures

[⌊General settings tab — enable/disable the preloader and control visibility for
logged-in users.⌉⌊General settings tab — enable/disable the preloader and control
visibility for logged-in users.⌉[

General settings tab — enable/disable the preloader and control visibility for logged-
in users.

[⌊Display Rules tab — choose display mode and configure per-type rules.⌉⌊Display
Rules tab — choose display mode and configure per-type rules.⌉[

Display Rules tab — choose display mode and configure per-type rules.

[⌊Appearance tab — pick animation style, colours, size, logo, and custom text.⌉⌊
Appearance tab — pick animation style, colours, size, logo, and custom text.⌉[

Appearance tab — pick animation style, colours, size, logo, and custom text.

[⌊Behaviour tab — choose the exit transition and configure minimum display time,
transition duration, and safety timeout.⌉⌊Behaviour tab — choose the exit transition
and configure minimum display time, transition duration, and safety timeout.⌉[

Behaviour tab — choose the exit transition and configure minimum display time, transition
duration, and safety timeout.

[⌊Advanced tab — block by ID, slug, or URL pattern with wildcard support.⌉⌊Advanced
tab — block by ID, slug, or URL pattern with wildcard support.⌉[

Advanced tab — block by ID, slug, or URL pattern with wildcard support.

## Instal·lació

 1. Install **Smart Preload DL** through **Plugins  Add New** in your WordPress dashboard,
    or upload the plugin files to the `/wp-content/plugins/` directory.
 2. Activate the plugin through the **Plugins** menu.
 3. Go to **Smart Preload DL** in the left-hand admin menu.
 4. Configure your animation style, colours, and display rules, then click **Save Settings**.

## PMF

### The preloader shows for a split second even when it should be hidden.

Clear your browser cache and any server-side page cache (LiteSpeed Cache, WP Rocket,
W3 Total Cache, WP Super Cache, etc.) after changing settings.

### The preloader keeps spinning and never disappears.

The **Safety timeout** setting (Behaviour tab) forces removal after a set period
even if the page never fully loads. The default is 5 seconds. If you have slow-loading
resources, consider increasing this value.

### Does the preloader affect search engine indexing?

Smart Preload DL adds a visual loading overlay without replacing the underlying 
page content. The plugin does not intentionally alter page metadata or prevent search
engines from accessing the page content.

### Can I use my own logo?

Yes. Under **Appearance**, click **Select Logo** to choose any image from your Media
Library.

### Is WooCommerce required?

No. WooCommerce-specific rules appear automatically when WooCommerce is active. 
The plugin works fully without it.

### I want to show the preloader only on specific pages.

Set **Display Mode** to _Only on selected pages_ (Display Rules tab), then search
for and add the pages you want.

### Can I show the preloader everywhere except a few pages?

Keep **Display Mode** set to _All pages_ and use the **Excluded pages** selector
or the Block by ID / slug / URL pattern fields.

### Does it work with page cache plugins?

Yes. Smart Preload DL does not use PHP sessions and does not rely on logic that 
is incompatible with page caching.

## Ressenyes

No hi ha ressenyes per a aquesta extensió.

## Col·laboradors i desenvolupadors

«Smart Preload DL» és programari de codi obert. La següent gent ha col·laborat en
aquesta extensió.

Col·laboradors

 *   [ devlemon ](https://profiles.wordpress.org/devlemon/)

[Traduïu «Smart Preload DL» a la vostra llengua.](https://translate.wordpress.org/projects/wp-plugins/devlemon-smart-preload)

### Interessats en el desenvolupament?

[Navegueu pel codi](https://plugins.trac.wordpress.org/browser/devlemon-smart-preload/),
baixeu-vos el [repositori SVN](https://plugins.svn.wordpress.org/devlemon-smart-preload/),
o subscriviu-vos al [registre de desenvolupament](https://plugins.trac.wordpress.org/log/devlemon-smart-preload/)
per [fisl de subscripció RSS](https://plugins.trac.wordpress.org/log/devlemon-smart-preload/?limit=100&mode=stop_on_copy&format=rss).

## Registre de canvis

#### 1.1.1

 * Fixed Fade, Zoom Out, Reveal Vertical, and Reveal Horizontal exit transitions.
 * Reworked Reveal effects to use transform-based animations for broader browser
   compatibility.
 * Improved Zoom Out visibility.
 * Fixed the admin Preview so it uses the transition and duration currently selected
   before saving.
 * Applied the same exit-transition CSS to both the front-end preloader and the 
   admin preview.

#### 1.1.0

 * Added adjustable background opacity from 0% to 100% without fading the logo, 
   text, or loader animation.
 * Added selectable exit transitions: Fade, Slide Up, Slide Down, Zoom Out, Reveal
   Vertical, Reveal Horizontal, and Instant.
 * Renamed Fade-out duration to Transition duration while preserving existing saved
   duration values.
 * Added exit-transition support to the admin preview.
 * Added reduced-motion handling for exit transitions.
 * Kept existing installations visually compatible by defaulting background opacity
   to 100% and the transition to Fade.

#### 1.0.2

 * Updated compatibility information for WordPress 7.1.

#### 1.0.1

 * Fixed the admin preview overlay so it stays hidden until opened and closes reliably.
 * Improved preview focus handling and ARIA state for accessibility.

#### 1.0.0

 * Initial release.

## Meta

 *  Versió **1.1.1**
 *  Darrera actualització **fa 7 dies**
 *  Instal·lacions actives **Menys de 10**
 *  Versió del WordPress ** 6.0 o posterior **
 *  Provada fins a **7.1**
 *  Versió del PHP ** 7.4 o posterior **
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/devlemon-smart-preload/)
 * Etiquetes
 * [loader](https://ca.wordpress.org/plugins/tags/loader/)[loading](https://ca.wordpress.org/plugins/tags/loading/)
   [loading screen](https://ca.wordpress.org/plugins/tags/loading-screen/)[page loader](https://ca.wordpress.org/plugins/tags/page-loader/)
   [preloader](https://ca.wordpress.org/plugins/tags/preloader/)
 *  [Vista avançada](https://ca.wordpress.org/plugins/devlemon-smart-preload/advanced/)

## Valoracions

Encara no s'ha enviat cap ressenya.

[La vostra ressenya](https://wordpress.org/support/plugin/devlemon-smart-preload/reviews/#new-post)

[Visualitza totes les ressenyes](https://wordpress.org/support/plugin/devlemon-smart-preload/reviews/)

## Col·laboradors

 *   [ devlemon ](https://profiles.wordpress.org/devlemon/)

## Suport

Teniu quelcom a dir? Necessiteu ajuda?

 [Visualitza els fòrums de suport](https://wordpress.org/support/plugin/devlemon-smart-preload/)