I just noticed that Google have released a plugin to help speed up WordPress websites. Native Lazyload says it works straight out the box and is claiming to speed up your loading times dramatically
Native lazyload is a new plugin by google. It users browsers like chrome to speed up image loading and speed up the page loading time.
It works natively. You can add it as a plugin through WordPress. It uses Chrome 76, you can use the
loading attribute to completely defer the loading of off screen images and iframes that can be reached by scrolling.
With very few views and comments, I’m really interested to see how well this works. From the reviews so far on the Google Native Lazyload WordPress plugin page comments seem positive so far. One review says they went from a mobile PageSpeed score of 92 to 96 and it also shaved a whopping 1.5 seconds off of the Time to Interactive score.
I’m going to load it now and see what scores i can get . It comes from Google open Source program.
This plugin is amazing. The native lazy loading feature is so effective that it’s very hard to even see that the images are lazy-loaded.
You can download the lazyload plugin here
Just download it in the normal way you add a WordPress plugin. Just upload the entire
native-lazyload folder to the
/wp-content/plugins/ directory or download it through the WordPress back end. Then activate the plugin through the ‘Plugins’ menu in WordPress. That’s it. You just install and activate and everything works. There are no settings that you need to change, just set and forget.
Lazy-loads media using the native browser feature. By Google. The feature will continue to be updated until it’s launched in a stable release (Chrome 76 at the earliest). But you can try it out by enabling the following flags in Chrome:
There is no browser re-flow and the images are visible before I scroll towards them, even when I scroll fast. What this plugin does is add the loading=”lazy” attribute to images, a new attribute in the latest version of Chrome.