Beskrywing
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_openhook for early preloader rendering - Full internationalisation support
- Settings stored in a single serialised option; clean uninstall removes all plugin data
Screenshots
Installation
- Install Smart Preload DL through Plugins Add New in your WordPress dashboard, or upload the plugin files to the
/wp-content/plugins/directory. - Activate the plugin through the Plugins menu.
- Go to Smart Preload DL in the left-hand admin menu.
- Configure your animation style, colours, and display rules, then click Save Settings.
Kwel-vrae
-
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.
Aanbevelings
There are no reviews for this plugin.
Contributors & Developers
“Smart Preload DL” is oopbron sagteware. Die volgende mense het bygedra tot die ontwikkeling van hierdie uitbreiding:
Contributors
Translate “Smart Preload DL” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
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.