Images play an important role when creating a content but they also affect the performance of the site. Lazy loading helps to resolve performance issues by delaying loading of images in long pages. So, offscreen images are not loaded until the user scrolls to them.
If your web page contains a lot of images but you load them as they are scrolled into a browser view then you can save a user bandwidth and reduce a load time of your web page. As a result, it can give a significant performance boost for your site and make the site visitors happy.
Current state of lazy loading feature
Chrome team has recently announced a native lazy loading feature which was added to Chrome 76. Currently, Chrome is the only browser that supports this feature but there is an open bug for Firefox as well. Unfortunately, there is nothing for Edge and IE yet but hope they will introduce a support for native lazy-loading soon.
Native lazy loading in WordPress
An implementation of native lazy loading feature for WordPress core is still under discussion and you can follow it in this ticket (feel free to join the discussion). Even though, this feature is not in the core yet, you still can have a native lazy loading on your site by using a plugin created by Google.
Felix Arntz, who is a Google engineer and WordPress Core Committer, has created Native Lazyload. This plugin helps the site to lazy load images and iframes with the new loading attribute for browsers that have support for it. Moreover, the plugin also comes an optional fallback for browsers that do not yet support it.
Benefits of native lazy loading
Leave a Reply