Rajat Chauhan
Posted on
What is the simplest way to achieve lazy loading of images in React?
For further actions, you may consider blocking this person and/or reporting abuse
Read next
Chatting with Mood: A Dynamic Theme Switcher Powered by DevCycle
Boopathi -
🌟 Welcome to Forem: The Ultimate Platform for Building Thriving Communities!🌐
Hanzla Baig -
Want to start learning LLM and Generative AI? Start with Ollama and this article.
Dylan Oh -
Preventing File Inclusion Vulnerabilities in Laravel Applications
Pentest Testing Corp -
Top comments (1)
This used to be a thing that you actually had to write code for but the situation is a bit different now.
Simply add the attribute
loading="lazy"to your<img />tag. It's been supported for quite a while and has pretty good coverage, except for Internet Explorer which never supported it.More information as well as a polyfill can be found here: web.dev/browser-level-image-lazy-l...
Here's a note about browser support: developer.mozilla.org/en-US/docs/W...