Title: Flying Images: 透過最佳化及延遲載入圖片加快頁面載入速度
Author: Gijo Varghese
Published: <strong>2019 年 10 月 21 日</strong>
Last modified: 2026 年 5 月 20 日

---

搜尋外掛

![](https://ps.w.org/nazy-load/assets/banner-772x250.png?rev=2214886)

![](https://ps.w.org/nazy-load/assets/icon-256x256.png?rev=2177344)

# Flying Images: 透過最佳化及延遲載入圖片加快頁面載入速度

 由 [Gijo Varghese](https://profiles.wordpress.org/gijo/) 開發

[下載](https://downloads.wordpress.org/plugin/nazy-load.2.4.15.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/nazy-load/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/nazy-load/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/nazy-load/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/nazy-load/#developers)

 [技術支援](https://wordpress.org/support/plugin/nazy-load/)

## 外掛說明

WordPress 網站圖片最佳化完整解決方案。

### 外掛特色

 * **免費、不限流量的 CDN**：Flying Images 使用 [Statically](https://statically.io/)
   服務提供免費 CDN。Statically 由 Cloudflare (付費版網路)、BunnyCDN、fastly 及 
   CDN77 所提供，不會藏有隱藏費用及追加銷售行為。
 * **即時圖片壓縮**：透過 CDN 即時壓縮圖片。網站管理員可以設定網站所需的圖片品質。
 * **即時 WebP 轉換**：如果瀏覽器支援，便轉換及傳送 WebP 格式的圖片。
 * **回應式/自動調整尺寸的圖片**：建立 srcset 便能根據不同裝置提供不同尺寸的圖片，
   同時也支援外部圖片。
 * **瀏覽器原生延遲載入/JavaScript 延遲載入**：透過 JavaScript 或瀏覽器的支援 (目前
   提供支援的為 Chrome)，使用瀏覽器原生延遲載入以載入圖片，同時也提供僅針對 JavaScript
   進行延遲載入的功能。
 * **極小的 JavaScript**：僅 0.7KB，並經過壓縮及最小化。
 * **重新寫入全部 HTML**：不再遺漏延遲載入或由 CDN 加入的圖片，甚至包含由圖庫外掛
   插入的圖片。

### 技術支援

 * [官方技術支援論壇](https://wordpress.org/support/plugin/nazy-load/)
 * [Facebook 私密社團](https://www.facebook.com/groups/wpspeedmatters)

### 我們的付費外掛

 * [FlyingPress](https://flyingpress.com)
 * [FlyingCDN](https://flyingcdn.com)

### 我們的免費外掛

 * [Flying Pages](https://tw.wordpress.org/plugins/flying-pages/)
 * [Flying Images](https://tw.wordpress.org/plugins/nazy-load/)
 * [Flying Scripts](https://tw.wordpress.org/plugins/flying-scripts/)
 * [Flying Analytics](https://tw.wordpress.org/plugins/flying-analytics/)
 * [Flying Fonts](https://tw.wordpress.org/plugins/flying-fonts/)

## 螢幕擷圖

[⌊Flying Images 設定⌉⌊Flying Images 設定⌉[

Flying Images 設定

## 安裝方式

#### 自動安裝

 1. 前往 [外掛] 頁面，並點擊 [安裝外掛]。
 2. 搜尋「Flying Images」。
 3. 在 WordPress 的 [外掛] 頁面啟用 Flying Images 外掛。
 4. 前往 [設定]→[Flying Images] 進行設定。

#### 手動安裝

 1. 將完整的 `flying-images` 資料夾上傳至網站的 `wp-content/plugins/` 目錄中。
 2. 在 WordPress 的 [外掛] 頁面啟用 Flying Images 外掛。
 3. 前往 [設定]→[Flying Images] 進行設定。

## 使用者評論

![](https://secure.gravatar.com/avatar/1096c35a6ef0f3b8a379e65d79299e0b2bea9aff8e435dc8f3527ea3ca83d057?
s=60&d=retro&r=g)

### 󠀁[It is perfect](https://wordpress.org/support/topic/it-is-perfect-28/)󠁿

 [masse](https://profiles.wordpress.org/boozesounds/) 2022 年 12 月 2 日

Thanks for giving me a free alternative to focus on my content so I can unleash 
my creativity. perfect plugin

![](https://secure.gravatar.com/avatar/d833cca3f0b7e6ae86625897ed4705c7bc76c9fde48cd2b549a0dc422f26aad6?
s=60&d=retro&r=g)

### 󠀁[Great Plugin](https://wordpress.org/support/topic/great-plugin-35398/)󠁿

 [Tony Hisir](https://profiles.wordpress.org/copperrefections/) 2022 年 10 月 31
日

Thank you for creating this plugin. I have been trying to figure out how to fix 
the “Properly size images” PageSpeed Insights warning and your plugin did it. I 
appreciate it.

![](https://secure.gravatar.com/avatar/3d249f65093b1798e4918388ae65c63905fc68f3a78cff8435dd35766d059228?
s=60&d=retro&r=g)

### 󠀁[Saved. My. Life. Best yet most underrated image optimization plugin!](https://wordpress.org/support/topic/saved-my-life-best-yet-most-underrated-image-optimization-plugin/)󠁿

 [tempo005](https://profiles.wordpress.org/tempo005/) 2021 年 9 月 30 日

This plugin just performed better than both WP Compress and Optimole when it comes
to website speed and Google Light House/Pagespeed Insights scores. It’s astonishingly
good for a free plugin! Performs better than so-called best image optimization plugins,
while being free and without needing us to create an account! Can’t recommend it
enough!

![](https://secure.gravatar.com/avatar/ed6264bbd8f627c46f42d265014e189d2323aeb5342fcea09328c9c321caabc1?
s=60&d=retro&r=g)

### 󠀁[The best plugin for image optimization!](https://wordpress.org/support/topic/the-best-plugin-for-image-optimization-3/)󠁿

 [rumenyanev](https://profiles.wordpress.org/rumenyanev/) 2021 年 4 月 22 日

This plugin is really great! Fast setup and speed up the website!

![](https://secure.gravatar.com/avatar/24be96af1bbd35eaed9b9d374d637568feec95cc2918cdc459cd1bb3abf2b5a8?
s=60&d=retro&r=g)

### 󠀁[Excellent.](https://wordpress.org/support/topic/excellent-10658/)󠁿

 [anis](https://profiles.wordpress.org/anis1287/) 2021 年 8 月 31 日

Excellent plugin. Easy to use, and efficient. As the other set of plugins developed
by Gigo. Just need manual Lazy load image exclusion to avoid CLS. Thanks.

![](https://secure.gravatar.com/avatar/e6bfd208fd61cbdd3d318260aaadd5ba5d84569c7e0a00c4ede0511ef475ac84?
s=60&d=retro&r=g)

### 󠀁[CLS issues](https://wordpress.org/support/topic/cls-issues-3/)󠁿

 [svenv](https://profiles.wordpress.org/svenv/) 2021 年 4 月 17 日

If it wasn’t for the CLS issues the lazyload causes, this plugin deserves 5 stars.

 [ 閱讀全部 27 則使用者評論 ](https://wordpress.org/support/plugin/nazy-load/reviews/)

## 參與者及開發者

以下人員參與了開源軟體〈Flying Images: 透過最佳化及延遲載入圖片加快頁面載入速度〉
的開發相關工作。

參與者

 *   [ Gijo Varghese ](https://profiles.wordpress.org/gijo/)

[將〈Flying Images: 透過最佳化及延遲載入圖片加快頁面載入速度〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/nazy-load)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/nazy-load/)、查看
[SVN 存放庫](https://plugins.svn.wordpress.org/nazy-load/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/nazy-load/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/nazy-load/)。

## 變更記錄

#### 2.4.15

 * Improved validation for the admin-only lazyload margin option.

#### 2.4.14

 * Increased DOM size
 * Updated shortcut links
 * Updated “Optimize more” tab
 * Removed “Support us” tab
 * Updated FAQ

#### 2.4.13

 * Fix: FacetWP compatibility

#### 2.4.11

 * Detect webp images

#### 2.4.10

 * Disable inbuilt lazy loading introduced in WP 5.5
 * Security updates

#### 2.4.9

 * [NEW] Support for WP Fastest Cache

#### 2.4.8

 * [BUGFIX] Add `f=auto` to only images from Statically CDN

#### 2.4.7

 * [BUGFIX] Add `f=auto` query string for WebP delivery

#### 2.4.6

 * [NEW] Support for W3 Total Cache

#### 2.4.5

 * [NEW] New thresholds for lazy loading margin (upto 3000px)

#### 2.4.4

 * [BUGFIX] Inject JavaScript for lazy loading only when it’s enabled
 * [BUGFIX] Prevent adding Statically if image URL is already from Statically CDN
 * [UPDATE] Updated “Optimize More” tab for new plugins

#### 2.4.3

 * [NEW] New URL for purging Statically CDN (https://statically.io/purge)

#### 2.4.2

 * [BUGFIX] Compatibility with Brizy page builder

#### 2.4.1

 * [NEW] More keywords to default lazy loading exclude list
 * [BUGFIX] Compatibility with exisiting lazy loading plugins

#### 2.4.0

 * [NEW] Skip class “skip-lazy” and data attribute “data-skip-lazy” by default

#### 2.3.10

 * [BUGFIX] Revert bug in last update

#### 2.3.9

 * [BUGFIX] HTML detection failed when first line is empty

#### 2.3.8

 * [BUGFIX] Exclude base64 images from adding compression

#### 2.3.7

 * [BUGFIX] Warning while adding CDN to background style images

#### 2.3.6

 * [REMOVED] Elementor background lazy loading due to buggy behaviour

#### 2.3.5

 * [BUGFIX] Unable to save posts after the last update

#### 2.3.4

 * [BUGFIX] Improved HTML detection in parser

#### 2.3.3

 * [BUGFIX] Responsive images – Restrict srcset to max width of image
 * [BUGFIX] Responsive images – Don’t generate responsive images if width is unknown
 * [ADDED] “no-lazy” to default lazy load exclude list

#### 2.3.2

 * [BUGFIX] Improved responsive images
 * [REMOVED] Experimental container width for responsive images

#### 2.3.1

 * [BUGFIX] Background image URLs showing empty when compression is enabled

#### 2.3.0

 * [NEW] Restrict image width to container instead of device width (experimental)
 * [BUGFIX] Repect “background:” or “background-image”
 * [BUGFIX] Better compatibility with gravatar and external images
 * [BUGFIX] Improved responsive images

#### 2.2.6

 * [BUGFIX] REVERT BACK! Changing ‘background’ to ‘background-image’ for compatibility
 * [BUGFIX] CDN exclude now support background images inside style tags

#### 2.2.5

 * [BUGFIX] Changing ‘background-image’ to ‘background’ for compatibility

#### 2.2.4

 * [BUGFIX] Remove JS dependency for “Native only” lazy loading

#### 2.2.3

 * [BUGFIX] Lazy load Elementor background images
 * [BUGFIX] Apply CDN to background images inside tags

#### 2.2.2

 * [BUGFIX] Warning when lazy load or cdn exclude list is empty

#### 2.2.1

 * [BUGFIX] CDN not working on relative paths
 * [BUGFIX] Removing quotes in background image URLs for compatibility with Oxygen

#### 2.2.0

 * [NEW] Add CDN to WooCommerce dynamically injected thumbnails
 * [NEW] Purge CDN link
 * [BUGFIX] Fixed issue with double backslash
 * [UPDATE] Removed gravatar.com from default CDN exclude list

#### 2.1.1

 * [UPDATE] Cross origin to Preconnect

#### 2.1.0

 * [NEW] DNS-Prefetch and Preconnect to Statically CDN
 * [BUGFIX] Removes picture tags created by other plugins (like ShoprtPixel, WebP
   Express etc) for compatibility
 * [BUGFIX] Support relative URLs

#### 2.0.0

 * Major update!
 * [New] Free CDN powered by [Statically](https://statically.io)
 * [New] On the fly WebP
 * [New] On the fly image compression
 * [New] Lazy load backgroud images
 * [Updated] Responsive/Adaptive images
 * [Updated] Lazy loading method defaults to JavaScript only
 * [Updated] Bottom margin of lazy loading defaults to 500px
 * [Updated] Bottom margin now supports 0px to 1000px
 * [Updated] Renamed from “Flying Images” to “Flying Images by WP Speed Matters”
 * [New] Added ‘lazyloaded’ class to images when lazy loaded (only for JS based 
   lazy loading)
 * [New] FAQ tab
 * [New] Support Us tab
 * [New] Optimize More tab

#### 1.3.3

 * Bug fix – Change `window.onload` to `DOMContentLoaded`

#### 1.3.2

 * Bring back option to set bottom margin
 * New lazy load method – JavaScript only

#### 1.3.1

 * Improve HTML and XML detection (also fixes issues with Oxygen builder)

#### 1.3.0

 * New feature: Add missing responsive images (srcset)
 * Bug fix: Warning on countable function

#### 1.2.9

 * Bug fix – Prevent videos inside source tag from loading

#### 1.2.8

 * Bug fix in last update

#### 1.2.7

 * Bug fix for Jetpack integration and empty pages

#### 1.2.6

 * Removed styling for JS disabled browsers, for compatibility with Swift Performance

#### 1.2.5

 * Bug fix – Images loading multiple times when cache is disabled in Chrome

#### 1.2.4

 * Prevent conflicts with NextGen gallery plugin

#### 1.2.3

 * Added noscript tag for images (load images when JavaScript is disabled)

#### 1.2.2

 * Exclude keywords now looks from parent node (useful if your images doesn’t have
   a class or anything unique)
 * Bug fix for picture tag (webp)

#### 1.2.1

 * Improved lazy loading for dynamic content
 * Prevent parser from removing white spaces
 * Performance improvements

#### 1.2.0

 * Lazy load images in picture tag (also fixes issues for webp)
 * Automatic bottom margin height (removed option for custom margin)
 * Performance improvements

#### 1.1.2

 * Bug fix – Lazy load images in dynamically injected content

#### 1.1.1

 * Support for Internet Explorer

#### 1.1.0

 * Rewrote HTML parser (fix breaking sites)
 * Exclude images from lazy loading

#### 1.0.1

 * Renamed plugin from **Nazy Load** to **Flying Images**
 * Typo fixes

#### 1.0.0

 * Initial release

## 中繼資料

 *  版本 **2.4.15**
 *  最後更新 **2 個月前**
 *  啟用安裝數 **3,000+**
 *  WordPress 版本需求 ** 4.5 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.0**
 *  PHP 版本需求 ** 5.6 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/nazy-load/)
 * 標籤:
 * [adaptive images](https://tw.wordpress.org/plugins/tags/adaptive-images/)[cdn](https://tw.wordpress.org/plugins/tags/cdn/)
   [compress images](https://tw.wordpress.org/plugins/tags/compress-images/)[image compression](https://tw.wordpress.org/plugins/tags/image-compression/)
 *  [進階檢視](https://tw.wordpress.org/plugins/nazy-load/advanced/)

## 評分

 4.8 星，滿分為 5 星

 *  [  23 個 5 星使用者評論     ](https://wordpress.org/support/plugin/nazy-load/reviews/?filter=5)
 *  [  0 個 4 星使用者評論     ](https://wordpress.org/support/plugin/nazy-load/reviews/?filter=4)
 *  [  3 個 3 星使用者評論     ](https://wordpress.org/support/plugin/nazy-load/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/nazy-load/reviews/?filter=2)
 *  [  0 個 1 星使用者評論     ](https://wordpress.org/support/plugin/nazy-load/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/nazy-load/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/nazy-load/reviews/)

## 參與者

 *   [ Gijo Varghese ](https://profiles.wordpress.org/gijo/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/nazy-load/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](https://www.buymeacoffee.com/gijovarghese)