Loading Page with Loading Screen Premium

What the progress screen shows

Loading Page with Loading Screen Premium preloads page images and shows a screen with a loading percentage. The percentage is calculated from the page’s images, so it indicates image loading progress. The screen disappears when the loading process finishes, and you can choose an animation for revealing the page content. This can give visitors a visible indication of progress on pages with many images.

Choose where and when it appears

Show the screen on the homepage, across all pages, or on selected pages and posts. Select specific entries by ID or use URL rules, including partial URLs and wildcards. You can exclude pages or posts by ID, show the screen on desktop, mobile, or both, and limit it to once per session. An additional-seconds setting can keep the screen visible briefly after loading finishes.

Set the screen’s appearance

Choose a bar, logo, or text screen, with additional screen choices in Premium. A text screen can use the website title or another short text. Show or conceal the percentage, set the color of the progress graphics and text, and choose a background color or image. Background images can be tiled, centered, or displayed fullscreen, and the background color’s transparency can be adjusted.

Select an animation to display the page content after the loading process completes. Some screen styles require the canvas object; the settings indicate when a selected style has this requirement.

Defer images with lazy loading

Premium lazy loading delays images outside the visitor’s current viewing area until they are needed. This can reduce image downloads and bandwidth use when visitors do not scroll through the whole page. You can choose a placeholder image to display in place of the original while it is delayed; the plugin recommends using a lightweight image.

If another gallery plugin also lazy-loads images, the Troubleshoot Area lets you exclude images whose class or attribute contains specified text.

Configure the plugin

Install and activate the plugin, then open its settings from Settings > Loading Page or the Settings link in the Plugins area. Enable the loading screen and choose its page or post scope, devices, and exclusions. Then select a screen style, set its colors and background, choose whether to show the percentage, and select a content animation. Configure lazy loading and its placeholder in the available settings.

If the loading screen stalls at a percentage, enable “Disable the search in deep” in the Troubleshoot Area for the loading screen.