Title: Image Preloading Author: tiptinker Published: 2017 年 6 月 29 日 Last modified: 2026 年 3 月 27 日 --- 搜尋外掛 ![](https://ps.w.org/image-preloading/assets/banner-772x250.jpg?rev=1687393) ![](https://ps.w.org/image-preloading/assets/icon-256x256.png?rev=1687393) # Image Preloading 由 [tiptinker](https://profiles.wordpress.org/snowbedding/) 開發 [下載](https://downloads.wordpress.org/plugin/image-preloading.2.0.0.zip) * [詳細資料](https://tw.wordpress.org/plugins/image-preloading/#description) * [使用者評論](https://tw.wordpress.org/plugins/image-preloading/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/image-preloading/#installation) * [開發資訊](https://tw.wordpress.org/plugins/image-preloading/#developers) [技術支援](https://wordpress.org/support/plugin/image-preloading/) ## 外掛說明 [Image Preloading](https://www.tiptinker.com/image-preloading-wordpress-plugin/) 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 `` 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](https://github.com/tiptinker/image-preloading) ### 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 ## 螢幕擷圖 [⌊Settings Page⌉⌊Settings Page⌉[ **Settings Page** [⌊HTML code of preloading⌉⌊HTML code of preloading⌉[ **HTML code of preloading** [⌊Preloading waterfall⌉⌊Preloading waterfall⌉[ **Preloading waterfall** ## 安裝方式 ### 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 ## 常見問題集 ### 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. ## 使用者評論 ![](https://secure.gravatar.com/avatar/acb86cc8cd5d11e294e6cb909de94f84cd068134cb0c1aa8ba20a09ad39b66bd? s=60&d=retro&r=g) ### 󠀁[Work as expected](https://wordpress.org/support/topic/work-as-expected-17/)󠁿 [Jessica Hannah](https://profiles.wordpress.org/sishair/) 2018 年 8 月 3 日 extremely easy to config. ![](https://secure.gravatar.com/avatar/f5192b9e0721843c6482c09195f9e77f047ba0302e15c13f01867fd35ce90534? s=60&d=retro&r=g) ### 󠀁[Syntax issue Please Testing a code](https://wordpress.org/support/topic/syntax-issue-please-testing-a-code/)󠁿 [Ravikumar Patel](https://profiles.wordpress.org/ravipatel/) 2017 年 12 月 4 日 4 則留言 Syntax issue Please test well. ![](https://secure.gravatar.com/avatar/f819addd6f8462c0dbad8d96c3ba9a45736db55193ecdc64b90b65721ae9089d? s=60&d=retro&r=g) ### 󠀁[Worked great for me](https://wordpress.org/support/topic/worked-great-for-me-28/)󠁿 [IntegriTivity](https://profiles.wordpress.org/integritivity/) 2017 年 10 月 3 日 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. [ 閱讀全部 3 則使用者評論 ](https://wordpress.org/support/plugin/image-preloading/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈Image Preloading〉的開發相關工作。 參與者 * [ tiptinker ](https://profiles.wordpress.org/snowbedding/) [將〈Image Preloading〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/image-preloading) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/image-preloading/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/image-preloading/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/image-preloading/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/image-preloading/)。 ## 變更記錄 #### 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 ## 中繼資料 * 版本 **2.0.0** * 最後更新 **4 個月前** * 啟用安裝數 **50+** * WordPress 版本需求 ** 5.0 或更新版本 ** * 已測試相容的 WordPress 版本 **6.9.4** * PHP 版本需求 ** 7.2 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/image-preloading/) * 標籤: * [image](https://tw.wordpress.org/plugins/tags/image/)[performance](https://tw.wordpress.org/plugins/tags/performance/) [prefetch](https://tw.wordpress.org/plugins/tags/prefetch/)[preload](https://tw.wordpress.org/plugins/tags/preload/) [speed](https://tw.wordpress.org/plugins/tags/speed/) * [進階檢視](https://tw.wordpress.org/plugins/image-preloading/advanced/) ## 評分 3.7 星，滿分為 5 星 * [ 2 個 5 星使用者評論 ](https://wordpress.org/support/plugin/image-preloading/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/image-preloading/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/image-preloading/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/image-preloading/reviews/?filter=2) * [ 1 個 1 星使用者評論 ](https://wordpress.org/support/plugin/image-preloading/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/image-preloading/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/image-preloading/reviews/) ## 參與者 * [ tiptinker ](https://profiles.wordpress.org/snowbedding/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/image-preloading/)