Title: Loading Page with Loading Screen
Author: codepeople
Published: <strong>5 april 2013</strong>
Last modified: 28 november 2025

---

Plugins zoeken

![](https://ps.w.org/loading-page/assets/banner-772x250.png?rev=1594531)

![](https://ps.w.org/loading-page/assets/icon-256x256.gif?rev=2316939)

# Loading Page with Loading Screen

 Door [codepeople](https://profiles.wordpress.org/codepeople/)

[Download](https://downloads.wordpress.org/plugin/loading-page.1.2.7.zip)

 * [Details](https://nl.wordpress.org/plugins/loading-page/#description)
 * [Beoordelingen](https://nl.wordpress.org/plugins/loading-page/#reviews)
 *  [Installatie](https://nl.wordpress.org/plugins/loading-page/#installation)
 * [Ontwikkeling](https://nl.wordpress.org/plugins/loading-page/#developers)

 [Ondersteuning](https://wordpress.org/support/plugin/loading-page/)

## Beschrijving

Loading Page with Loading Screen features:

 Displays a screen showing loading percentage of a given page
  Includes multiple
loading screen alternatives (Bar, Logo, and Text) you can choose from the plugin
settings page  Displays the page’s content with an animation after complete the 
loading process  Increase the WordPress performance  Allows to select the colors
of the loading progress screen,  As background colors and images  Allows to display
or remove the text showing the loading percentage  Pre-loads the page images

Loading Page with Loading Screen plugin performs a pre-loading of image on your 
website and displays a loading progress screen with percentage of completion. Once
everything is loaded, the screen disappears.

**More about the Main Features:**

 * Displays a screen showing loading percentage of a given page. In heavy pages 
   the “Loading Page with Loading Screen” plugin allows to know when the page appearance
   is ready.
 * Allows to display the loading screen on homepage only, or in all pages of website.
 * Allows to select the colors of the loading progress screen, or select images 
   as background. By default the colour of loading screen is black, but it may be
   modified to adjust the look and feel of the loading screen with website’s design.
 * Allows to display or remove the text showing the loading percentage.

The base plugin, available for free from the WordPress Plugin Directory, has all
the features you need to displays an loading screen on your website.

**Premium Features:**

 * Allows to choose a loading progress screen. The premium version of plugin includes
   additional loading screens not available in the free version.
 * Allows to select from multiple possible animations, to display the page’s content
   after complete the loading process.
 * Improves the page performance.
 * Lazy Loading feature allows to load faster and reduce the bandwidth consumption.
   The images are big consumers of bandwidth and loading time, so a WordPress website
   with multiple images can improve its performance and reduce the loading time 
   with the lazy loading feature.
 * Allows to select an image as a placeholder, to replace the real images during
   pre-loading. It’s recommended to select the lighter images possible to increase
   the WordPress performance, the image selected will be used instead of the original
   images, in the loading page process.

**Demo of Premium Version of Plugin**

[https://demos.dwbooster.com/loading-page/wp-login.php](https://demos.dwbooster.com/loading-page/wp-login.php)

[https://demos.dwbooster.com/loading-page/](https://demos.dwbooster.com/loading-page/)

**What is Lazy Loading?**

Lazy Loading means that the original images are not loaded until finalize the loading
of page. This action improves the download speed of webpages.

If you want more information about this plugin or another one don’t doubt to visit
my website:

[http://wordpress.dwbooster.com](http://wordpress.dwbooster.com)

### Interface

To use Loading Page with Loading Screen on your website, simply activate the plugin.
If you wish to modify any of the default options, go to the plugin’s Settings. They
can be found either by going to Settings > Loading Page on your WordPress dashboard,
or by going to Plugins; a link to Settings can be found in the plugin description.

The Loading Page with Loading Screen setup is divided in two sections: the first
one is dedicated to the activation and setup of the loading screen, and the second
to the delayed loading of the images that are not shown immediately ( images that
require on-page scrolling in order to be seen).

**Loading Screen Setup**

The setup options for the loading screen are:

 * **Enable loading screen**: activates preloading of images and displays a loading
   screen while the webpage is loading.
 * **Display the loading screen once per session**: display the loading screen only
   once per session.
 * **Display the loading screen on**: display the loading screen with all screens
   sizes, or if the screens sizes satisfy the conditions.
 * **Display loading screen only in**: displays a loading screen only on homepage,
   all pages, or specific pages or posts. In the last case the IDs of pages or posts
   should be separated by comma symbol “,”
 * **Devices**: Allows selecting the devices where to show the loading screens (
   Desktop, Mobile, or Both).
 * **Exclude the loading screen from**: excludes the loading screen from pages or
   posts whose IDs are entered separated by comma symbol “,”
 * **Select the loading screen**: allows to choose a loading screen. The premium
   version of plugin include multiple loading screens.
 * **Select background color**: allows to select the background color for your loading
   screen compatible with the design guidelines of your website.
 * **Select images as background**: allows to display an image as loading screen
   background, the image can be displayed tiled or centered.
 * **Display image in fullscreen**: allows to adjust the background image in fullscreen
   mode.
 * **Select foreground color**: Allows to select the color of the graphics and texts
   that display the loading progress information.
 * **Additional seconds**: Allows to add seconds before remove the loading screen
   at the end of the load process.
 * **Include an ad, or your own block of code**: Allows to add ads, or other block
   of code, to the loading screen.
 * **Apply the effect on page**: Display the page’s content with an animation after
   complete the loading process.
 * **Display loading percent**: Shows the percentage of loading. The loading percent
   is calculated in function of images in the page.
 * **Troubleshoot Area – Loading Screen**: allows disabling/enabling the search 
   in deep.

**Lazy Loading Setup (in premium version only)**

The options to set up Lazy Loading and increase the WordPress performance are:

 * **Enable lazy loading**: Enables the delayed loading of images outside of the
   current viewing area of the user improving the rendering time of complete page.
 * **Select the image to load by default**: Choose an image to be shown as a placeholder
   of the actual images, the loading of which will be delayed. It’s recommended 
   the selection of a light image to increase the WordPress performance.
 * **Troubleshoot Area – Lazy Loading**: allows entering some texts to exclude the
   images tags with the entered texts in the classes or attributes.

## Schermafbeeldingen

 * [[
 * Loading Page Preview
 * [[
 * Loading Screen Available
 * [[
 * Benefits to use Lazy Load
 * [[
 * Plugin instellingen

## Installatie

**To install Loading Page with Loading Screen, follow these steps:**

 1. Download the zipped plugin.
 2. Go to the **Plugins** section on your WordPress dashboard.
 3. Click on **Add New**.
 4. Click on the **Upload** link.
 5. Browse and locate the zipped plugin that you have just downloaded.
 6. Once installed, activate the plugin by clicking on **Activate**.

## FAQ

### Q: What to do if the loading screen is stopping in determined percentage?

A: Tick the checkbox: “Disable the search in deep”, in the “Troubleshoot Area – 
Loading Screen” section of the settings page.

### Q: How to use a custom image for the loading progress?

A: From the settings page of the plugin, selects the “Logo Screen” in the list of
available screens, and select the image to use in the loading screen through the
new input field associated to the “Logo Screen”.

### Q: How the lazy loading increase the WordPress performance?

A: The lazy loading doesn’t load the website images until images be in the viewport.
If the user never scrolls the webpage, some images won’t download with a reduction
in the bandwidth consumption.

### Q: I’ve installed a plugin for images galleries, that applies a lazy load to the images. How to prevent a conflict with the lazy loading of the “Loading Page” plugin?

A: Simply, identify a class name, or the value of an attribute applied to the images
tags by the gallery, and enter the text through the attribute: “Exclude images whose
tag includes the class or attribute” in the “Troubleshoot Area – Lazy Loading” section
of settings page.

### Q: Could I display the loading screen on homepage only?

A: Yes, that’s possible. Go to the settings page of plugin and check the option “
homepage only”.

### Q: Is possible display the loading screen in some pages only?

A: Yes, that’s possible. Go to the settings page of plugin and check the option “
the specific pages”, and enter the posts or pages IDs, separated by the comma symbol“,”.
Another alternative would be to select the “all pages” option and enter the pages’
URLs in the text area (one URL per row). Note you can enter partial URLs by using
wildcard symbols *.

### Q: Might I display an image as loading screen background?

A: Yes, that’s possible. Go to the settings page of plugin and select the image 
in the option “Select image as background”. The image can be displayed tiled or 
centred.

### Q: Are the loading screens supported by all browsers?

A: There are some loading screens that require of the canvas object, all modern 
browsers include the canvas object. The screens with special requirements display
a caveat text when are selected.

### Q: Can I exclude some links from the “Show loading screen when clicking on link”?

A: Yes, that’s possible. Please assign the no-loading-screen class name to the links
where you want to deactivate the loading screen on the origin page.

### Q: Why can’t I see the animation effect after complete the loading screen?

A: Please be sure you are using a browser with CSS3 support.

## Beoordelingen

![](https://secure.gravatar.com/avatar/6242f0078212334a07cbad298005616ce102f85016680c56e3a9ecde4a3d801e?
s=60&d=retro&r=g)

### 󠀁[Very Good](https://wordpress.org/support/topic/very-good-7663/)󠁿

 [charlesnorton](https://profiles.wordpress.org/charlesnorton/) 2 oktober 2025 1
reactie

I normally try and build very fast loading websites, however my client wants to 
publish a huge website and it takes a couple of minutes to load a page (it links
to 2943 other pages) even with a 128GB or ram server it takes a while to load. This
shows it is loading even though nothing looks to be happening. I have suggested 
smaller selections i.e. only link to 1000 other pages but the customer is always
right!

![](https://secure.gravatar.com/avatar/5e660defdb6b9ce5569e8471164129cec4555c3e0c68518433e507f78b4a95d0?
s=60&d=retro&r=g)

### 󠀁[Good loading page plugin](https://wordpress.org/support/topic/good-loading-page-plugin/)󠁿

 [dimytrov](https://profiles.wordpress.org/dimytrov/) 4 maart 2025 1 reactie

Works as expected. Didn’t have any issues with it. Recommend it.

![](https://secure.gravatar.com/avatar/a44a5c0f6d6075b40f10a88c63ad50add3aa060fd74d1a1e74989e633fa9303e?
s=60&d=retro&r=g)

### 󠀁[Amazingly amazing](https://wordpress.org/support/topic/amazingly-amazing-3/)󠁿

 [sraghav63](https://profiles.wordpress.org/sraghav63/) 3 juni 2024 1 reactie

This is a really cool plugin, definitely the best loading screen plugin for wordpress
sites.

![](https://secure.gravatar.com/avatar/0005b28d3efb4f8b8b475df589fc73523b85d2b401bfab14216e76344e2384ff?
s=60&d=retro&r=g)

### 󠀁[nice plugins and make loading page berbunga bunga](https://wordpress.org/support/topic/nice-plugins-and-make-loading-page-berbunga-bunga/)󠁿

 [rumahsila](https://profiles.wordpress.org/rumahsila/) 28 mei 2024 1 reactie

cool

![](https://secure.gravatar.com/avatar/d46753707dfe8124e8dc3e16146aa0753a7b57b2bb81b61f5e88cc6eb96fdac3?
s=60&d=retro&r=g)

### 󠀁[Very nice plugin!](https://wordpress.org/support/topic/very-nice-plugin-1057/)󠁿

 [d009](https://profiles.wordpress.org/d009/) 9 april 2024 1 reactie

The plugin is highly customizable and helped me a lot with the page where I have
many pictures to make the loading process more dynamic and pleasant.Thank you for
your precious work! 🙂

![](https://secure.gravatar.com/avatar/afa0fc417d8c6cb017ded9b80bc592737ae28746ef02ea3626a69e9a11c99508?
s=60&d=retro&r=g)

### 󠀁[Great Plugin 🙂 🙂](https://wordpress.org/support/topic/great-plugin-38656/)󠁿

 [elpetr](https://profiles.wordpress.org/elpetr/) 23 maart 2024 1 reactie

I am happy about this plugin. Thank you for your work on it.

 [ Lees alle 124 beoordelingen ](https://wordpress.org/support/plugin/loading-page/reviews/)

## Bijdragers & ontwikkelaars

“Loading Page with Loading Screen” is open source software. De volgende personen
hebben bijgedragen aan deze plugin.

Bijdragers

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

“Loading Page with Loading Screen” is vertaald in 2 localen. Dank voor [de vertalers](https://translate.wordpress.org/projects/wp-plugins/loading-page/contributors)
voor hun bijdragen.

[Vertaal “Loading Page with Loading Screen” in je eigen taal.](https://translate.wordpress.org/projects/wp-plugins/loading-page)

### Interesse in ontwikkeling?

[Bekijk de code](https://plugins.trac.wordpress.org/browser/loading-page/), haal
de [SVN repository](https://plugins.svn.wordpress.org/loading-page/) op, of abonneer
je op het [ontwikkellog](https://plugins.trac.wordpress.org/log/loading-page/) via
[RSS](https://plugins.trac.wordpress.org/log/loading-page/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.1.0

 * Implements the loading_page_settings filter to allow you to customize the Loading
   Page settings at the runtime. The callback receives two parameters: an array 
   with the loading page settings and the URL of the page that is being visited.

#### 1.1.1

 * Accept style and link tags in the Ads block.

#### 1.1.2

 * Identifies links with window.open.

#### 1.1.3

 * Modifies the Show loading screen when clicking on link feature.

#### 1.1.6

#### 1.1.5

#### 1.1.4

 * Hides the logo image tag in the Logo Loading Screen until it is loaded.

#### 1.1.7

 * Removes deprecated JS code.

#### 1.1.8

 * Modifies the method of detecting search engine crawlers to avoid conflicts with
   cache management plugins.

#### 1.1.9

 * Modifies the module that handles the session variables.

#### 1.1.10

 * Modifies the plugin installation process.

#### 1.1.11

 * Fixes a conflict in the activation process with WP6.5.

#### 1.1.12

 * Manages possible exceptions generated by the parse_ini_file function.

#### 1.1.13

 * Includes a new attribute in the plugin settings to allow displaying the loading
   screen on pages filtered by URLs.

#### 1.1.14

 * Modify the module that displays the loading screen in onclick events to exclude
   links with mailto and tel schemes, and links with non-loading-screen class names.

#### 1.1.15

 * Modify the links to exclude checking by javascript code in the href attributes.

#### 1.1.16

 * Improves the use of the internationalization functions.

#### 1.1.17

 * Implements Text Loading Screen. The Text loading screen allows you to configure
   a loading screen animating the website’s title or any other short text you enter
   through the plugin settings page.

#### 1.1.18

 * Prevents to display loading screen with Skype links.

#### 1.1.19

 * Allows displaying the loading screen even on websites with the LiteSpeed Cache
   plugin active.

#### 1.1.20

 * Introduces a new feature in the plugin settings that enables users to adjust 
   the transparency percentage of the loading screen’s background color.

#### 1.2.0

 * Modifies the plugin to prevent overlapping loading screens that occur when the
   browser’s reload button is pressed multiple times.

#### 1.2.1

 * Allows you to specify custom width and height attributes for the logo screen 
   image.

#### 1.2.2

 * Updates the Elementor integration to include exceptions for coming soon and maintenance
   modes based on user login status and roles.

#### 1.2.3

 * Implements support for the force parameter in the cp_loadingpage.onLoadComplete
   method. It hides the loading screen even when additional seconds where entered
   through the plugin settings page.

#### 1.2.4

 * Refines plugin behavior for the loading screen by ensuring the logo is visible
   whenever a user navigates to another page via links.

#### 1.2.6

#### 1.2.5

 * Fixes a minor issue with code block.

#### 1.2.7

 * Triggers a resize event after hiding the loading screen, allowing third-party
   plugins to dynamically adjust the page’s elements.

## Meta

 *  Versie **1.2.7**
 *  Laatst geüpdatet **4 maanden geleden**
 *  Actieve installaties **10.000+**
 *  WordPress versie ** 3.0.6 of nieuwer **
 *  Getest t/m **6.9.4**
 *  Talen
 * [English (US)](https://wordpress.org/plugins/loading-page/), [Persian](https://fa.wordpress.org/plugins/loading-page/)
   en [Russian](https://ru.wordpress.org/plugins/loading-page/).
 *  [Vertaal in je eigen taal](https://translate.wordpress.org/projects/wp-plugins/loading-page)
 * Tags
 * [animation](https://nl.wordpress.org/plugins/tags/animation/)[page performance](https://nl.wordpress.org/plugins/tags/page-performance/)
 *  [Geavanceerde weergave](https://nl.wordpress.org/plugins/loading-page/advanced/)

## Waarderingen

 4.6 van 5 sterren.

 *  [  106 5 sterren beoordelingen     ](https://wordpress.org/support/plugin/loading-page/reviews/?filter=5)
 *  [  4 4 sterren beoordelingen     ](https://wordpress.org/support/plugin/loading-page/reviews/?filter=4)
 *  [  4 3 sterren beoordelingen     ](https://wordpress.org/support/plugin/loading-page/reviews/?filter=3)
 *  [  3 2 sterren beoordelingen     ](https://wordpress.org/support/plugin/loading-page/reviews/?filter=2)
 *  [  7 1 sterren beoordelingen     ](https://wordpress.org/support/plugin/loading-page/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/loading-page/reviews/#new-post)

[Bekijk alle beoordelingen](https://wordpress.org/support/plugin/loading-page/reviews/)

## Bijdragers

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

## Ondersteuning

Iets te melden? Hulp nodig?

 [Het supportforum bekijken](https://wordpress.org/support/plugin/loading-page/)

## Doneren

Wil je de groei van deze plugin ondersteunen?

 [ Doneer aan deze plugin ](http://wordpress.dwbooster.com/content-tools/loading-page)