How to Preload Images on Your WordPress Site

Pre Load Images WordPress

One of the easiest ways to improve front-end performance is to preload the images which contribute to the largest contentful paint (LCP) of the site.

To find the images that should be set to preload, test your site using popular performance testing tools, or use the MainWP Lighthouse extension, and navigate to the waterfall results to find the image URL.

Head & Footer WordPress Plugin

Head & Footer Code

There are a number of ways to preload images by either using a header and footer plugin and then adding the image URLs that should be preloaded in the header of the site. After the plugin has been installed in wp-admin, navigate to;

Tools > Header & Footer Code

In the head section you should add the desktop and mobile or if you only have one image, then add the image URL to preload.

<link rel="preload" href="https://sitedomain.com/your-lcp-image.jpg" as="image">

Head & Footer Code Plugin

Then save the settings of the plugin and clear all cache to make sure that the image or images are being set to preload.

Preload Images WordPress Plugin

Preload Images Plugin

Preload Images” is another popular plugin to preload images on your WordPress site. After the plugin has been installed and activated in wp-admin, navigate to the Preloads settings menu.

You can add multiple images per line as well as settings if the images should be preloaded on different post types.

Preload Images Plugin

Preloading images that have the largest contentful paint will improve the front-end load time for site users.

Useful Links

Leave a Comment




This site uses Akismet to reduce spam. Learn how your comment data is processed.

Looking for something?

Privacy laws apply to businesses that collect personal information. Since no personal information is collected by the MainWP plugins, no privacy laws apply to the MainWP plugins. This includes GDPR, UK DPA 2018, PIPEDA, Australia Privacy Act 1988, LGPD, PIPL, and other privacy laws.
Donata Stroink-Skillrud
Donata Stroink-Skillrud
President of Agency Attorneys