Implement lazy loading for images.

[Ashparshp]

Current Behavior

The Layer5.io website currently loads all images and resources at once when a page is accessed.

Desired Situation

To improve page load times and enhance user experience, implement lazy loading for images and other heavy resources.\

Tasks:

• [ ] Identification of Non-Lazy Loaded Resources
• [ ] List the Resources
• [ ] Implement Lazy Loading
• [ ] Optimize the Loading Process: Ensure that the lazy loading process is optimized to prevent any noticeable delays as users scroll through the page.

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.

• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)

• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[sudhanshutech]

@Ashparshp there might not be all . I asked that have you ensured first where we are not doing lazyloading?

[Ashparshp]

@sudhanshutech, I've edited the issue and updated it into a task format

[VriaA]

Hi @Ashparshp I'd like to work on this. Please assign it to me, thank you.

[Ashparshp]

@VriaA, thanks for showing your interest! Are you on Slack, and have you joined the community yet?

[VriaA]

@Ashparshp Yes, I just joined😅

[Ashparshp]

@VriaA, thank you! I mentioned it because Slack makes it easier to send reminders for meetings, share updates, and ask for help. Feel free to reach out if you have any questions!

[Ashparshp]

@VriaA, Also, we have weekly meetings make sure to join this week to share updates, Let's discuss this during the website call on Monday at 5:30 PM IST (7:00 AM CT). Please consider adding it as an agenda item to the meeting minutes || meeting link.

[VriaA]

@Ashparshp Okay, thank you! Can I start working on the issue now, or should I wait until after the meeting?

[Ashparshp]

@VriaA, you can go ahead and start working on it. I'm asking that we can discuss the updates/progress in the website call.

[VriaA]

@Ashparshp Oh okay. Got it, thank you!

[Npcodes1]

Hi @Ashparshp, can you assign me too. I’ll be working with @VriaA

[Ashparshp]

@Npcodes1, thanks for showing the intrest.. we have a bunch of open issues that need help.. check this one https://github.com/layer5io/layer5/issues/5843 and more in issues.

[Npcodes1]

@Ashparshp Can I do #5514 then?

[Ashparshp]

@VriaA, I'm adding this as an agenda item to the meeting minutes. Please join the evening call if you would and discuss the updates so far.