Image Preloading

Sharraxaad

Image Preloading is a powerful WordPress plugin that helps improve your website’s performance by preloading images in the background. This results in faster page loading experiences, especially beneficial for photo galleries, image-heavy sites, and e-commerce stores.

Features

  • Multiple Preloading Methods: Choose between JavaScript preloading, modern Link preload headers, or both
  • Unlimited Image URLs: Add as many images as you need
  • Modern JavaScript: Uses Promise-based loading with proper error handling
  • Performance Optimized: Only loads when needed and uses browser idle time when available
  • Security Focused: Proper input sanitization and validation
  • Admin Interface: Clean, modern settings page integrated with WordPress admin
  • Localization Ready: Translation-ready with proper text domains

Preloading Methods

  1. JavaScript Method: Uses modern JavaScript with Promise-based image loading. Compatible with all browsers.
  2. Link Preload: Uses HTML <link rel="preload"> tags for modern browsers with native preloading support.
  3. Both Methods: Combines both approaches for maximum compatibility and performance.

Use Cases

  • Photo galleries and portfolios
  • E-commerce product images
  • Hero banners and sliders
  • Background images
  • Any image-heavy content

Support

For support, bug reports, or feature requests, please visit: Github

Contributing

Contributions are welcome! Please feel free to submit pull requests or open issues on GitHub.

License

This plugin is licensed under the GPLv2 or later.
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Sawir-shaashado

  • Settings Page
  • HTML code of preloading
  • Preloading waterfall

Rakibaad

Automatic Installation

  1. Log in to your WordPress admin dashboard
  2. Navigate to Plugins > Add New
  3. Search for “Image Preloading”
  4. Click Install Now
  5. Activate the plugin

Manual Installation

  1. Download the plugin ZIP file
  2. Upload the plugin files to /wp-content/plugins/image-preloading/
  3. Activate the plugin through the Plugins menu in WordPress

SBI

How does image preloading work?

Image preloading loads images in the background before they are needed, so when users navigate to pages containing these images, they appear instantly instead of loading progressively.

Which preloading method should I choose?

  • JavaScript: Best for compatibility with all browsers
  • Link Preload: Best performance for modern browsers
  • Both: Recommended for maximum compatibility and performance

Can I preload images from external domains?

Yes, but ensure the external server allows cross-origin requests. The plugin properly handles CORS headers.

How many images can I preload?

There’s no strict limit, but keep in mind that preloading too many large images can impact initial page load performance. Use judiciously.

Does this work with caching plugins?

Yes, the plugin works well with caching plugins and can complement them by ensuring images are cached even before they’re viewed.

Dibu-eegisyo

3 Oktoobar, 2017
This plugin worked great for me, I just needed to preload ONE background image that I’m using in the header. It definitely loads the image faster than before and was extremely simple to use.
Akhri dhammaan 3 dibu-eegis

Ka-qaybgalayaasha & Horumariyayaasha

“Image Preloading” waa softiweer il furan. Dadka soo socda ayaa wax ku biiriyay kaabahan.

Ka-qaybgalayaasha

Ku tarjun “Image Preloading” luqaddaada.

Ma xiisaynaysaa horumarinta?

Baadh koodka, fiiri bakhaarka SVN, ama iska qor diiwaanka horumarinta adigoo adeegsanaya RSS.

Isbeddellada

2.0.0

  • Complete rewrite with modern WordPress standards
  • Added multiple preloading methods (JavaScript, Link preload, Both)
  • Modern admin interface with improved UX
  • Security enhancements and proper input sanitization
  • Performance optimizations with requestIdleCallback support
  • Promise-based JavaScript with proper error handling
  • Better localization support
  • PHP 7.2+ requirement for better performance
  • WordPress 5.0+ compatibility

1.0.0

  • Initial release
  • Basic JavaScript image preloading functionality