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)

یہ پلگ ان **ورڈپریس کے تازہ ترین 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://ur.wordpress.org/plugins/native-image-lazy-loading/#description)
 * [جائزے](https://ur.wordpress.org/plugins/native-image-lazy-loading/#reviews)
 *  [انسٹالیشن](https://ur.wordpress.org/plugins/native-image-lazy-loading/#installation)
 * [ڈیولپمنٹ](https://ur.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

## عمومی سوالات

  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/)،
[ایس این وی ریپوزیٹری](https://plugins.svn.wordpress.org/native-image-lazy-loading/)
کو چیک کریں یا [ڈویلپمینٹ لاگ](https://plugins.trac.wordpress.org/log/native-image-lazy-loading/)
کو سبسکرائب کریں بذریعہ [آر ایس ایس](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://ur.wordpress.org/plugins/tags/images/)[lazy load](https://ur.wordpress.org/plugins/tags/lazy-load/)
   [lazyload](https://ur.wordpress.org/plugins/tags/lazyload/)[loading](https://ur.wordpress.org/plugins/tags/loading/)
   [performance](https://ur.wordpress.org/plugins/tags/performance/)
 *  [اعلی درجے کا منظر](https://ur.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/)