Lazy Loading Images & Elements now supported

2 posts / 0 new
Last post
puravida's picture
puravida
Jedi Warrior
Offline
Joined: 09/01/2007
Visit puravida's Website

ShrinkTheWeb now supports dozens of "Lazy Loading" scripts and techniques, so that those images and elements (usually divs) will display in the full-length captures. For those who have the "Full-Length Captures" PRO Feature, this support is already active and requires no code changes, although you may need to refresh existing images to get the latest versions.

We researched dozens of similar services and competitors, gathered feedback from users, and tested the major, alternative open-source screenshot projects over the past couple of weeks. I am very confident that ShrinkTheWeb is the first screenshot provider to support "Lazy Loading". Even some larger companies who offer screenshots, as mentioned to us by some of our users, were unable to capture "Lazy Loaded" elements. So, this is quite an achievement, even though it's really just keeping up with expected behavior, in the grand scheme of things.

However, there are so many scripts and techniques (sometimes 100% custom) for "Lazy Loading" that I'm certain we do not support them all. If you need a site captured with "Lazy Loaded" elements that is not working properly, please let us know. With a little bit of investigative work, we should be able to add support for even more scripts and techniques.

We hope you enjoy and we thank you for being a valued ShrinkTheWeb member! Smile

GEEK-SPEAK
Until a few weeks ago, I did not even know what "Lazy Loading" was, to be honest. There's just too many new, nifty tools to keep up with, but I had been noticing a number of full-length web page screenshots coming through the service that appeared to have blank space or missing images. It has been "on the list" to investigate, since it seems to be a growing problem, and since a couple of users recently brought "Lazy Load" images to my attention; I've spent the past couple of weeks investigating further. As it turns out, "Lazy Loading" of images and div elements has been around since about 2013, and it seems to really be catching on now in 2016 (in large part because Google made such a big deal about page load speed affecting rankings).

At any rate, it took quite a bit of effort, research, and pouring over thousands of lines of code and scripts to get this working. If you use full-length screenshots in your website or app, I hope this makes your day! Figuring it out, and actually seeing it working, definitely made mine.

puravida's picture
puravida
Jedi Warrior
Offline
Joined: 09/01/2007
Visit puravida's Website

Here are a few examples of full-length screenshots (links to Snapito, our demo site):

Example #1

Example #2

Example #3

Once you see the screenshot, you can click it to go to the actual website and see the "Lazy Loading" in action. Those images & elements are initially hidden, so it takes a bit of trickery (and a dash of magic) to make them appear for inclusion in the capture.

ShrinkTheWeb® (About STW) is another innovation by Neosys Consulting
Contact Us | PagePix Benefits | Learn More | STW Forums | Our Partners | Privacy Policy | Terms of Use

Announcing Javvy, the best crypto exchange and wallet solution (coming soon!)

©2018 ShrinkTheWeb. All rights reserved. ShrinkTheWeb is a registered trademark of ShrinkTheWeb.