Performance improvements: minified assets, no-cost logo loading for repeat pageviews on session\/day frequency, and a more efficient progress-bar animation. No settings changes required.<\/p>","1.1.1":"
Fixes a loader removal issue on sites using cache or performance plugins that delay frontend JavaScript.<\/p>","1.1.0":"
Adds display rules, once-per-day loading, WooCommerce-safe exclusions, new branded logo effects, loading rings, and improved no-flash behavior.<\/p>","1.0.0":"
Initial WordPress.org release.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3589870,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3589870,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3589870,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3589870,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{"blueprint.json":{"filename":"blueprint.json","revision":3605210,"resolution":false,"location":"assets","locale":"","contents":"{\"$schema\":\"https:\\\/\\\/playground.wordpress.net\\\/blueprint-schema.json\",\"landingPage\":\"\\\/\",\"preferredVersions\":{\"php\":\"8.2\",\"wp\":\"latest\"},\"features\":{\"networking\":false},\"steps\":[{\"step\":\"login\",\"username\":\"admin\",\"password\":\"password\"},{\"step\":\"installPlugin\",\"pluginData\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"kinetichub-page-loader\"},\"options\":{\"activate\":true}},{\"step\":\"setSiteOptions\",\"options\":{\"blogname\":\"KineticHub Demo\",\"blogdescription\":\"Branded loading screens for WordPress\"}},{\"step\":\"mkdir\",\"path\":\"\\\/wordpress\\\/wp-content\\\/mu-plugins\"},{\"step\":\"writeFile\",\"path\":\"\\\/wordpress\\\/wp-content\\\/mu-plugins\\\/khpl-demo-style.php\",\"data\":\".khpl-loader__tagline{margin-top:10px;}<\\\/style>';\\n} );\\n\"},{\"step\":\"writeFile\",\"path\":\"\\\/tmp\\\/khpl-demo-logo.png\",\"data\":{\"resource\":\"url\",\"url\":\"https:\\\/\\\/ps.w.org\\\/kinetichub-page-loader\\\/assets\\\/icon-256x256.png\"}},{\"step\":\"runPHP\",\"code\":\" 'image\\\/png', 'post_title' => 'KineticHub Logo', 'post_status' => 'inherit' ), $upload['file'] ); if ( ! is_wp_error( $attachment_id ) && $attachment_id ) { wp_update_attachment_metadata( $attachment_id, wp_generate_attachment_metadata( $attachment_id, $upload['file'] ) ); } else { $attachment_id = 0; } } } update_option( 'khpl_settings', array( 'enabled' => true, 'preset' => 'circular-brand-ring', 'display_mode' => 'site', 'audience' => 'everyone', 'show_frequency' => 'every', 'logo_attachment_id' => $attachment_id, 'logo_shape' => 'circle', 'logo_effect' => 'fade', 'text_fallback' => 'KineticHub', 'tagline' => 'Branded loading screens for WordPress', 'logo_ring_enabled' => true, 'logo_ring_style' => 'dual', 'bg_color' => '#0f172a', 'accent_color' => '#22d3ee', 'text_color' => '#f8fafc', 'use_gradient' => true, 'gradient_color' => '#6366f1', 'min_display_ms' => 4000, 'max_timeout_ms' => 8000, 'fade_out_ms' => 600, 'show_on_desktop' => true, 'show_on_mobile' => true ) );\"}]}"}},"all_blocks":[],"tagged_versions":["1.0.0","1.1.0","1.1.1","1.2.0"],"block_files":[],"assets_screenshots":{"screenshot-1.gif":{"filename":"screenshot-1.gif","revision":3605210,"resolution":"1","location":"assets","locale":"","width":640,"height":480},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3605210,"resolution":"2","location":"assets","locale":"","width":1119,"height":552},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3605210,"resolution":"3","location":"assets","locale":"","width":1142,"height":571},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3605210,"resolution":"4","location":"assets","locale":"","width":1127,"height":570},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3605210,"resolution":"5","location":"assets","locale":"","width":1144,"height":558},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3605210,"resolution":"6","location":"assets","locale":"","width":1134,"height":573}},"screenshots":{"1":"Loader presets in action - branded loading screens with logo, animated loading ring, and CSS-only animations.","2":"Core and display rules settings - enable the preloader, site-wide or homepage, audience, frequency, and exclusions.","3":"Content settings - logo upload, text fallback, and tagline.","4":"Behavior settings - minimum display time, maximum timeout, fade-out duration, and desktop\/mobile visibility.","5":"Design settings - loader presets, colors, and gradient background.","6":"Design settings - logo effects, logo shapes, and animated loading ring controls."}},"plugin_section":[],"plugin_tags":[154083,32564,791,9622,5624],"plugin_category":[],"plugin_contributors":[264673],"plugin_business_model":[],"class_list":["post-333502","plugin","type-plugin","status-publish","hentry","plugin_tags-loading-screen","plugin_tags-page-loader","plugin_tags-preloader","plugin_tags-spinner","plugin_tags-splash-screen","plugin_contributors-kinetichub","plugin_committers-kinetichub","plugin_support_reps-caddylac00"],"banners":{"banner":"https:\/\/ps.w.org\/kinetichub-page-loader\/assets\/banner-772x250.png?rev=3589870","banner_2x":"https:\/\/ps.w.org\/kinetichub-page-loader\/assets\/banner-1544x500.png?rev=3589870","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/kinetichub-page-loader\/assets\/icon-128x128.png?rev=3589870","icon_2x":"https:\/\/ps.w.org\/kinetichub-page-loader\/assets\/icon-256x256.png?rev=3589870","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/kinetichub-page-loader\/assets\/screenshot-1.gif?rev=3605210","caption":"Loader presets in action - branded loading screens with logo, animated loading ring, and CSS-only animations."},{"src":"https:\/\/ps.w.org\/kinetichub-page-loader\/assets\/screenshot-2.png?rev=3605210","caption":"Core and display rules settings - enable the preloader, site-wide or homepage, audience, frequency, and exclusions."},{"src":"https:\/\/ps.w.org\/kinetichub-page-loader\/assets\/screenshot-3.png?rev=3605210","caption":"Content settings - logo upload, text fallback, and tagline."},{"src":"https:\/\/ps.w.org\/kinetichub-page-loader\/assets\/screenshot-4.png?rev=3605210","caption":"Behavior settings - minimum display time, maximum timeout, fade-out duration, and desktop\/mobile visibility."},{"src":"https:\/\/ps.w.org\/kinetichub-page-loader\/assets\/screenshot-5.png?rev=3605210","caption":"Design settings - loader presets, colors, and gradient background."},{"src":"https:\/\/ps.w.org\/kinetichub-page-loader\/assets\/screenshot-6.png?rev=3605210","caption":"Design settings - logo effects, logo shapes, and animated loading ring controls."}],"raw_content":"\n
KineticHub Page Loader<\/strong> is a lightweight preloader plugin that displays a branded loading screen while your WordPress site is being rendered. Instead of a blank white page, your visitors see a polished splash screen with your logo, site name, or tagline, an optional animated loading ring (spinner), and a smooth loading animation \u2014 then the preloader cleanly fades out and removes itself from the DOM once the page is ready.<\/p>\n\n The preloader is designed to improve the perceived first impression<\/strong> of your site. It does not improve server response time or actual page speed \u2014 it replaces the unstyled flash of a loading page with intentional branding.<\/p>\n\n The loading screen is built with CSS-first animations, vanilla JavaScript, and zero external dependencies: no jQuery, no external fonts, no CDN assets, no remote requests. It ships with display rules for audience targeting, show frequency, and exclusions for specific pages, URL paths, and WooCommerce pages. It respects All presets automatically collapse to an instant transition when Install and activate KineticHub Page Loader, then go to Settings -> Page Loader<\/strong>. Enable the loader, upload your logo (or use the text fallback), pick one of the 7 loading screen presets, choose your colors, and save. The preloader appears on the next front-end page load.<\/p><\/dd>\n No. KineticHub Page Loader does not improve server response time or optimize assets. It creates a branded loading layer that can improve the perceived first impression<\/strong> of your site while the page finishes rendering in the background.<\/p><\/dd>\n The plugin is built to keep its footprint minimal: assets are minified, there are no external requests, the loader logo ships with explicit dimensions, and the overlay is fully removed from the DOM after hiding. The preloader is a visual layer on top of your page \u2014 it does not block search engine crawlers from seeing your content.<\/p><\/dd>\n Yes. Under Display Rules<\/strong> you can choose between showing the preloader on the entire site or on the homepage only. You can also exclude specific post\/page IDs and URL paths.<\/p><\/dd>\n Yes. The show frequency setting supports every page load, once per session, or once per day. In session and daily modes, a no-flash suppression mechanism prevents the loader from briefly flashing on repeat pageviews.<\/p><\/dd>\n Yes. Upload any image from the WordPress media library. You can apply logo effects (fade, grayscale reveal, soft scale), shapes (original, rounded, circle), and an animated loading ring around it. If no logo is set, a text fallback (defaulting to your site name) is displayed instead.<\/p><\/dd>\n Yes. Desktop and mobile visibility can be toggled independently in the settings.<\/p><\/dd>\n Yes. The loader HTML is output server-side and cached normally. Session and daily-limit tracking are handled entirely client-side using Yes. The preloader is theme-agnostic: it overlays the finished page using the standard Yes. The loader uses the Yes. You can exclude the loading screen from WooCommerce cart, checkout, and account pages using the Exclude WooCommerce Pages<\/strong> toggle in the Display Rules settings. WooCommerce does not need to be installed for the plugin to work; the exclusion is applied only when WooCommerce is active.<\/p><\/dd>\n No. The frontend script is plain vanilla JavaScript with no library dependencies, no external fonts, and no CDN or remote requests.<\/p><\/dd>\n A Yes. When the visitor's operating system or browser reports It is a safety net. If a third-party resource (script, font, image) never finishes loading and the browser The loader uses Yes. Use Excluded post\/page IDs<\/strong> for individual posts or pages, Excluded URL paths<\/strong> for path-based rules, and the WooCommerce toggle for cart, checkout, and account pages.<\/p><\/dd>\n\n<\/dl>\n\n\nprefers-reduced-motion<\/code>, cleans up after itself, and is safe to use alongside caching plugins.<\/p>\n\nWhy use a preloader?<\/h4>\n\n
\n
Key highlights<\/h4>\n\n
\n
prefers-reduced-motion<\/code>, no focus trap, aria-hidden<\/code> overlay, removed from the DOM after hiding<\/li>\nFeatures<\/h3>\n\n
\n
Included Loader Styles<\/h3>\n\n
\n
prefers-reduced-motion: reduce<\/code> is detected.<\/p>\n\n\n\n
kinetichub-page-loader<\/code> folder to \/wp-content\/plugins\/<\/code>, or install directly through the WordPress plugin directory.<\/li>\n\n
How do I add a preloader to my WordPress site?<\/h3><\/dt>\n
Does a preloader make my website faster?<\/h3><\/dt>\n
Will the preloader hurt my Core Web Vitals or SEO?<\/h3><\/dt>\n
Can I show the loading screen only on the homepage?<\/h3><\/dt>\n
Can I show the preloader only once per visitor?<\/h3><\/dt>\n
Can I use my own logo in the loading screen?<\/h3><\/dt>\n
Can I disable the preloader on mobile or desktop?<\/h3><\/dt>\n
Does it work with caching plugins?<\/h3><\/dt>\n
sessionStorage<\/code> and localStorage<\/code>, so no server-side session state is needed and full-page-cache compatibility is maintained.<\/p><\/dd>\nDoes it work with Elementor, Divi, and other page builders?<\/h3><\/dt>\n
wp_body_open<\/code> hook (with a wp_footer<\/code> fallback), so it works with any theme or page builder that renders normal front-end pages. It does not modify your builder content.<\/p><\/dd>\nDoes it work with block themes?<\/h3><\/dt>\n
wp_body_open<\/code> action that all modern themes call. A wp_footer<\/code> fallback is included for themes that do not call wp_body_open<\/code>.<\/p><\/dd>\nDoes it support WooCommerce?<\/h3><\/dt>\n
Does it use jQuery?<\/h3><\/dt>\n
What happens if JavaScript is disabled?<\/h3><\/dt>\n
<noscript><\/code> style block is output in <head><\/code> that hides the loader immediately. Visitors with JavaScript disabled see the page normally without any blocked overlay.<\/p><\/dd>\nDoes it respect reduced motion settings?<\/h3><\/dt>\n
prefers-reduced-motion: reduce<\/code>, all animations are collapsed to an instant transition and the minimum display time is effectively bypassed, so the preloader disappears as quickly as possible.<\/p><\/dd>\nWhat is the \"maximum timeout\" setting?<\/h3><\/dt>\n
load<\/code> event never fires, the maximum timeout ensures the loading screen is removed anyway, preventing it from blocking the page indefinitely.<\/p><\/dd>\nIs the loader accessible?<\/h3><\/dt>\n
aria-hidden=\"true\"<\/code> so screen readers skip it. There is no focus trap \u2014 keyboard focus stays on the page below. The loader is fully removed from the DOM after hiding, leaving no residual impact on the accessibility tree.<\/p><\/dd>\nCan I remove the preloader on specific pages?<\/h3><\/dt>\n
1.2.0<\/h4>\n\n
\n
width<\/code>\/height<\/code> and fetchpriority=\"high\"<\/code> to reduce its impact on Largest Contentful Paint (LCP).<\/li>\ntransform<\/code> instead of width<\/code>, avoiding unnecessary layout recalculation while the bar advances.<\/li>\n1.1.1<\/h4>\n\n
\n
1.1.0<\/h4>\n\n
\n
1.0.0<\/h4>\n\n
\n
prefers-reduced-motion<\/code> support.<\/li>\nwp_footer<\/code> fallback output for themes without wp_body_open<\/code> support.<\/li>\n<\/ul>","raw_excerpt":"Lightweight preloader for WordPress. Show a branded loading screen with your logo, an animated spinner ring, and 7 CSS-only loader presets.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/333502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/tt.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/tt.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=333502"}],"author":[{"embeddable":true,"href":"https:\/\/tt.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/kinetichub"}],"wp:attachment":[{"href":"https:\/\/tt.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=333502"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/tt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=333502"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/tt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=333502"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/tt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=333502"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/tt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=333502"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/tt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=333502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}