Preload LCP Image

July 05, 2024

Preload LCP Image Plugin

Allows you to specify on individual pages or posts the Largest Contentful Paint (LCP) Image on that page to preload, making the page load quicker.

This plugin will add the ability to preload the largest contentful paint (LCP) Image on an individual page or post. This is designed to remove the “Preload the image used by the LCP element in order to improve your LCP time” warning that Google’s Pagespeed Insights sometimes serves.

For Support

I offer support in two places:-

On Github

This project is now on github, you can view the repository here. There are other versions, but this is the one I’ve put up, so where all the developmental will be tracked.

Installation

  1. Upload the plugin to the /wp-content/plugins/ directory or use the Add New feature
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Go to any post and page and specify the LCP Image for that page.

Should you wish to use this plugin for custom post types, go to Settings > Preload LCP Image. By default it appears on posts and pages although you can set it to appear on any custom post type on this page.

For more guidance on how to determine the URL to use, please use my guide on how to determining the LCP image for a WordPress post

Changelog

1.2

  • Fixes a bug that causes a console error that ignores the “as” types due to unknown “as” or “type” values, or non-matching “media” attribute.
  • Improves the UX of the page in question

1.1

  • Allow the ability to specify different URLs for mobile or desktop viewpoints.

1.0.3

  • Tested with WordPress 6.4

1.0.2

  • Tested with WordPress 6.3

1.0.1

  • Tested with WordPress 6.2

1.0

  • First Public Release

Details

  • Version: 1.2.1
  • Active installations: 2,000
  • WordPress Version: 6.1.1
  • Tested up to: 6.6.1
  • PHP Version: 8.0

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars