Piio now includes Lazy Loading to your website. Lazy Loading means that the images of your website won't be loaded until they are needed.
How Lazy Loading works?
Once a user enters your website, the browser will read the HTML and it will start rendering (painting) the website to the user screen. Some of this content is not actually visible to the user and it's hard to say if the user will see it or it will navigate to other page.
A standard solution loads all the content inside the page, if the page has 10 images it will load all of them, resulting in more network usage and slower page load time.
Using the Lazy Loading technique will only load the images visible to the user, so if we show only 2 images at the beginning the other 8 images won't be loaded, until the user scrolls down to the location of those images in the page.
Lazy Loading improves the User Experience and the SEO
There are huge benefits by using this technique, Google specifies that "speed matters on the mobile web, but perception of speed is just as important", using Lazy Loading the initial page load time will be faster and that'll also help the SEO ranking.
It lowers network usage, it's extremely important to reduce the webpage size and reducing network connections are a must if you want you give the best experience for your users, even more if your user is accessing your website trough a mobile network.
Lazy Loading also gives you higher customer retention as content is continuously fed to the user, reducing the chances the user will leave the website.
How do I enable Lazy Loading for my website?
Lazy Loading is enabled by default for any website using Piio, if you're not using Piio you can register and configure your domain here: