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!

Critical Security Update For Oxygen Builder

A security flaw is found in Oxygen Builder latest version
A security flaw is found in Oxygen Builder latest version

On Wednesday, January 15th, a security vulnerability in Oxygen’s code was disclosed to us privately by Sam Thomas at Pentest Ltd.

The developers at Oxygen started investing the disclosed vulnerability and while creating a security patch update, they encountered an additional related vulnerability that was not initially reported to us.

Until date, these vulnerabilities have not been exploited in the wild and therefore, Oxygen users would have some time to update Oxygen Builder to the latest version.

Oxygen 3.1.1 is a security patch specifically for these vulnerabilities and contains no other changes. We are not releasing a changelog or any more details until Oxygen users have had sufficient opportunity to update their sites.

We recommend all Oxygen users to update your Oxygen sites to version 3.1.1 immediately. Here's how you can do that easily:

Automatically Update Oxygen Builder Plugin

1

Check The License Keys

Go to Oxygen » Settings » License and make sure your license key is entered. Once your key is entered (and even if it was already present), click “Submit” and ensure you see the “valid” response next to the input box. This is an important step to ensure that you are able to update to the latest Oxygen Builder plugin.

2

Get The Latest Version

Head over to Dashboard » Updates in the WordPress admin panel and, if the Oxygen update isn’t already visible in the plugin update section, click “Check Again” until the update appears. By default, you don't have to request a check again as it is automated.

3

Updating Oxygen Builder

Once you are prompted with the upgrade, tick the box next to Oxygen in the plugin update section and click “Update Plugins”.

4

Verification

Here's the last step. Head over to the Plugins page in the WordPress admin panel and verify that Oxygen’s version number is 3.1.1.

Manually Update Oxygen Builder Plugin

1

Login To Oxygen Backend

Go to Oxygen Builder backend and click “Download Oxygen”.

2

Download Latest Oxygen Builder

In the list of purchases, find your Oxygen purchase and click “View Details and Downloads”.

3

Download The Relevant Files

Under the “Products” heading, find the download link for Oxygen 3.1.1 and download the zip file (if you use Safari, please switch to Chrome or Firefox to download the file to avoid the file being unzipped automatically).

4

Login to WP Admin

Log into your WordPress site and go to the Plugins page in the WordPress admin panel.

5

Disable Old Oxygen Builder

Find Oxygen and click “Deactivate”, then “Delete”.

6

Install The Latest Oxygen Builder

At the top of the Plugins page, click “Add New”, and then “Upload Plugin”.

7

Upload Oxygen Builder

Click “Choose File” and select the Oxygen 3.1.1 zip file you just downloaded.

8

Activate Oxygen Builder

Once the plugin is finished installing, make sure to activate it.

Clear WordPress Cache After Installation

Lastly, remember to clear your WordPress cache to ensure that all old files are removed and a new cache is generated for your site. Read this guide on how to clear WordPress cache if you need any assistance.

What Is The Cost Of Having A Fast WordPress Site?

Critical Vulnerabilities Found in Divi Builder by Elegant Themes (And How To Fix It)

WordPress Security: 10+ Major Security Flaws (And Solutions)