Loading Page with Loading Screen Premium preloads page images and displays a progress screen while they load. You can set where the screen appears, how it looks, and what happens when preloading finishes.

Choose where the screen appears

Apply the screen to the homepage, all pages, or selected pages and posts. Select items by ID or use URL rules, including partial URLs with wildcards. You can exclude pages or posts, display the screen on desktop, mobile, or both, and limit it to once per session.

Set the screen's appearance

Choose a bar, logo, or text screen. Premium includes additional screen choices. A text screen can display the website title or another short text. Show or conceal the loading percentage, pick colors for the progress graphics and text, and set a background color or picture. Background images can be tiled, centered, or displayed fullscreen, and the background color's transparency can be adjusted. You can also add an ad or a block of custom code to the screen.

Defer images and use a placeholder

Premium lazy loading delays images outside the user's current view until they enter the viewport. Images that users never scroll to may not download, which can reduce bandwidth use on image-heavy pages. Choose a placeholder image to display in place of the original while it is delayed; a lightweight image is recommended. If lazy loading conflicts with a gallery extension, its troubleshooting options can exclude image tags by class or attribute text.

What happens when image preloading finishes

The percentage reflects the page's images, so it indicates image loading progress. When preloading completes, the screen disappears and the page content can appear with a selected animation. An additional-seconds setting can keep the screen visible briefly after loading finishes. Some screen styles require canvas support, and the settings show a notice when a selected style has this requirement. Content animations require a browser with CSS3 support. If progress stalls, the Loading Screen troubleshooting area includes an option to disable deep searching.

Install and configure

In the WordPress dashboard, go to Plugins, select Add New, then Upload, and choose the extension ZIP file. Activate the plugin after installation. Open Settings > Loading Page, or use the Settings link in the Plugins area. Enable the loading screen, set its page or post scope, choose devices, and add exclusions. Then select a screen style, configure its colors and background, and set the percentage display and content animation. Configure lazy loading and choose a placeholder in the available Premium settings.