Preload Images

Preload Images loads the images you choose before the visitor needs them. It works well for photo galleries, sliders, hover images and other image-heavy pages where you want images to appear instantly.

Features

• Add any number of image URLs that load on every page.
• Add image URLs for a single page, post or custom post type from the editor.
• Block editor (Gutenberg) support: a “Preload Images” panel in the post sidebar, with an “Add from Media Library” button.
• Choose how images are loaded:
  • Background (JavaScript) loads images after the page has finished loading. This is the default and does not slow down the first render.
  • Preload adds <link rel="preload" as="image"> to the page head. Use it only for a few important above-the-fold images, such as a hero image.
  • Prefetch adds <link rel="prefetch"> so the browser caches images at low priority for the next pages a visitor opens.
• Lightweight: no external requests and no extra script files on the front end.
• Developers can change the list with the preload_images_urls filter.