Home › Forums › CSS › How does The Great Discontent website have such sharp full-screen images? › Re: How does The Great Discontent website have such sharp full-screen images?
croydon86ahh right. Of course!
Lazy loading plugins generally work by having the larger images in data atrributes, and a very small-sized placeholder in the image tag. This is why I avoid lazy load plugins as not having my images in image tags is a cause for concern regarding no-jS users and SEO.
However, i’ve noticed though he is calling the low-res images in the IMG tag and then lazy loading the hi-res image. While this solves the above, this causes two downloads.
So first image downloads – 80kb
Then once page loaded, another download – 280kb
But then as it loads in the background, maybe it is not so much of a problem? What do you think?