Pricing
Written by Editorial Team on February 8, 2020

WordPress 5.4 Will Add Lazy-Loading To All Images

What Is Lazy Loading
What is lazy loading images in WordPress?

News flash. WordPress announced that WordPress 5.4 may feature image lazy-loading by default. This feature will enable the “loading” HTML attribute on all IMG elements. This means that WordPress publishers will no longer need to use JavaScript or third party plugins for lazy-loading their images.

But, what is lazy load anyway?

The lazy-loading HTML attribute tells a browser to either wait before downloading an image or to download it right away. There is no JavaScript need to accomplish this.

-WordPress

Lazy load or lazy loading is a term used by WordPress specialists in displaying images only when the images reach the website visitor's viewport. By default, all images on the page will load simultaneously when the page is loaded and this leads to a slow WordPress site.

By loading images at a different time, it helps to speed up the loading speed and make WordPress faster.

If you are geeky enough and want to know more about lazy-loading images, take a read at this. There are three kinds of lazy-loading attributes but only two that really matter:

  1. Lazy
  2. Eager

Lazy, which will be enabled in WordPress 5.4 by default, means to wait until the user's browser viewport is within a certain distance before downloading the image. This behaviour will speed up the users experience on WordPress sites.

On the other hand, the “eager” attribute tells the browser to immediately download the image.

Want to speed up your WordPress site?

We use WP Rocket (we highly recommend it) and here's how we configure it properly

WordPress 5.4 Release Date

At this point of time, WordPress 5.4 is said to release on March 31, 2020. It is important to take note that the date is subject to change depending on how ready the release is. Based on previous statistics, WordPress has been very good about meeting their deadlines.

Official WordPress Announcement

“The implementation seeks to enable lazy-loading images by default, providing the loading attribute with value lazy on the following img tags:

Images in post content
Images in post excerpts
Images in comments
Images in text widget content
Individual images rendered via wp_get_attachment_image()
Avatar images rendered via get_avatar()

Note that loading=”lazy” will only be added if the respective tag does not yet include a loading attribute. In other words, to prevent an image from being lazy-loaded, it is recommended to specify loading=”eager”.”

What do you think?

Here's what we think. The implementation of lazy-loading on WordPress shows how important it is to have a fast WordPress site. We recommend you to read this article on how to make your WordPress site faster.

As usual, tell us what you think in the comments below!

Article written by Editorial Team

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Related Posts

crossmenu