Title: Native Image Lazy Loading
Author: Justin Downey
Published: <strong>21 مَي 2019</strong>
Last modified: 21 مَي 2019

---

پلگ انس ڳولھيو

![](https://ps.w.org/native-image-lazy-loading/assets/banner-772x250.jpg?rev=2091890)

ھي پلگ ان **WordPress جي جديد 3 وڏين رليزز** سان آزمايو نه ويو آھي. اهو ٿي سگهي 
ٿو وڌيڪ برقرار يا سپورٽ نه ٿي سگهي ۽ ٿي سگهي ٿو مطابقت جا مسئلا جڏهن ورڈپریس جي 
وڌيڪ تازي ورزن سان استعمال ڪيو وڃي.

![](https://ps.w.org/native-image-lazy-loading/assets/icon-256x256.jpg?rev=2091890)

# Native Image Lazy Loading

 کان: [Justin Downey](https://profiles.wordpress.org/jdm-labs/)

[ڊائون لوڊ ڪريو](https://downloads.wordpress.org/plugin/native-image-lazy-loading.zip)

 * [تفصيل](https://snd.wordpress.org/plugins/native-image-lazy-loading/#description)
 * [جائزو](https://snd.wordpress.org/plugins/native-image-lazy-loading/#reviews)
 *  [تنصيب](https://snd.wordpress.org/plugins/native-image-lazy-loading/#installation)
 * [ترقي](https://snd.wordpress.org/plugins/native-image-lazy-loading/#developers)

 [سھائتا](https://wordpress.org/support/plugin/native-image-lazy-loading/)

## وضاحت

This plugin adds the `loading` attribute to IMG tags found when filtering `the_content()`
to support native image lazy loading.

For more information about lazy loading images using this new native browser image
attribute, check out this article: [https://addyosmani.com/blog/lazy-loading/](https://addyosmani.com/blog/lazy-loading/)
and for a little more depth into what we’re doing here, check out our [explainer post](https://jdmdig.it/30nXp7h).

Historically, to limit the impact offscreen images have on page load times, developers
have needed to use a JavaScript library (like [LazySizes](https://github.com/aFarkas/lazysizes)
or [Vanilla-LazyLoad](https://www.andreaverlicchi.eu/lazyload/)) in order to defer
fetching these images until a user scrolls near them. What if the browser could 
avoid loading these offscreen images for you?

The `loading` attribute instructs a browser to defer loading offscreen images until
users scroll near them. It comes in three flavors: **eager**, **auto**, and **lazy**.
Install this plugin and you can set the first image’s loading attribute and the 
loading attribute for all the subsequent images sent through `the_content()` in 
the plugin’s settings page.

**Simple is Beautiful**

There is no JavaScript or CSS included in the plugin. It just works in browsers 
that support the new `loading` image attribute.

For browsers that don’t support this new image loading attribute, that’s ok. You
can still use whatever JavaScript-based image lazy loader you want as a fallback
until browser support becomes a little more mainstream.

## تصوير

 * [[
 * The Settings Page

## انسٽاليشن

 1. Install **Native Image Lazy Loading** from the WordPress repo
 2. Activate the plugin through the **Plugins** menu
 3. Configure in **Settings** >> **Native Lazy Loading**
 4. **Marvel** at its simplicity

## FAQ

  Does this add any JS?

Nope. If you’re using another JS-based lazy loader, that’ll just keep working as
it did. If the browser doesn\’t support the `loading` attribute, it’ll just ignore
it and process per usual.

  Where is the Settings Page?

In version 1.0 there wan’t one, but thanks to a suggestion by [@verlok](https://github.com/verlok),
there IS one in v1.1. You’ll find it at **Settings** >> **Native Lazy Loading**.

## جائزا

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

### 󠀁[Yes, but …](https://wordpress.org/support/topic/yes-but-4/)󠁿

 [deluigiluca](https://profiles.wordpress.org/deluigiluca/) 26 آڪٽوبر 2019

The great things are: – very light plugin with no commercial adv or whatsoever… –
Yes, it replaces <img with <img loading="lazy" But… – it replaced only 9 <img on
41 on my page … anyway, thanks for trying to do the web a better place!

 [ واحد: سڀ 1 جائزو پڙهو ](https://wordpress.org/support/plugin/native-image-lazy-loading/reviews/)

## تعاون ڪندڙ & ڊولپرز

“Native Image Lazy Loading” اوپن سورس سافٽ ويئر آهي. ھيٺين ماڻھن ھن پلگ ان ۾ حصو
ورتو آھي.

تعاون ڪندڙ

 *   [ Justin Downey ](https://profiles.wordpress.org/jdm-labs/)

[ترجمو ڪريو “Native Image Lazy Loading” توهان جي ٻولي ۾.](https://translate.wordpress.org/projects/wp-plugins/native-image-lazy-loading)

### ڊولپمينٽ ۾ دلچسپي؟

[ڪوڊ براؤز ڪريو](https://plugins.trac.wordpress.org/browser/native-image-lazy-loading/)،
چيڪ ڪريو [SVN مخزن](https://plugins.svn.wordpress.org/native-image-lazy-loading/)،
يا رڪنيت حاصل ڪريو [ڊولپمينٽ لاگ](https://plugins.trac.wordpress.org/log/native-image-lazy-loading/)
پاران [RSS](https://plugins.trac.wordpress.org/log/native-image-lazy-loading/?limit=100&mode=stop_on_copy&format=rss).

## لاگ تبدیل ڪريو

#### 1.1

 * Added Settings Page
 * Added Option to select the `loading=""` attribute

#### 1.0

 * First release.

## ميٽا

 *  Version **1.1**
 *  Last updated **7 سالَ اڳ**
 *  Active installations **20+**
 *  WordPress version ** 4.5 يا وڌيڪ **
 *  Tested up to **5.2.24**
 *  PHP version ** 5.1 يا وڌيڪ **
 *  Language
 * [English (US)](https://wordpress.org/plugins/native-image-lazy-loading/)
 * Tags
 * [images](https://snd.wordpress.org/plugins/tags/images/)[lazy load](https://snd.wordpress.org/plugins/tags/lazy-load/)
   [lazyload](https://snd.wordpress.org/plugins/tags/lazyload/)[loading](https://snd.wordpress.org/plugins/tags/loading/)
   [performance](https://snd.wordpress.org/plugins/tags/performance/)
 *  [ترقي يافته ڏيک](https://snd.wordpress.org/plugins/native-image-lazy-loading/advanced/)

## درجه بندي

 4 out of 5 stars.

 *  [  0 5-star reviews     ](https://wordpress.org/support/plugin/native-image-lazy-loading/reviews/?filter=5)
 *  [  1 4-star review     ](https://wordpress.org/support/plugin/native-image-lazy-loading/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/native-image-lazy-loading/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/native-image-lazy-loading/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/native-image-lazy-loading/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/native-image-lazy-loading/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/native-image-lazy-loading/reviews/)

## تعاون ڪندڙ

 *   [ Justin Downey ](https://profiles.wordpress.org/jdm-labs/)

## سھائتا

چوڻ لاءِ ڪجهه آهي؟ مدد گهرجي؟

 [ڏسو سپورٽ فورم](https://wordpress.org/support/plugin/native-image-lazy-loading/)