ssitvit
Lazy loading is added
Related Issue
Closes #435
In this code, I added the class "lazy" to the elements to lazy load and specified the URL of the lazy content using the data-src attribute. The script will make an AJAX request to fetch the content from the provided URL and set it as the innerHTML of the lazy element.
Additionally, the code adds a scroll event listener to trigger the lazy loading when the elements come into the viewport. The lazy elements that are already visible on page load will be loaded immediately, while the remaining elements will be loaded as the user scrolls.
Checklist
- [x] My code adheres to the established style guidelines of the project.
- [x] I have included comments in areas that may be difficult to understand.
- [x] My changes have not introduced any new warnings.
- [x] I have conducted a self-review of my code.
Deploy Preview for joyful-otter-a57da4 ready!
| Name | Link |
|---|---|
| Latest commit | 47b6ceb9dfa0921a1c01d4f36d703c89bf3f8b43 |
| Latest deploy log | https://app.netlify.com/sites/joyful-otter-a57da4/deploys/64d30fa6ddddb20008e03b38 |
| Deploy Preview | https://deploy-preview-450--joyful-otter-a57da4.netlify.app/ |
| Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site configuration.
![netlify[bot] avatar](https://avatars.githubusercontent.com/in/13473?v=4 "Published by a pub.dev verified publisher"){kind=small}
Add video of demonstration and screenshots for assess
You will see difference will website load it is more efficient after lazy loading is enabled
