[SEO] Improve FCP: Defer offscreen images

[leecalcote]

Current Behavior

Consider lazy-loading offscreen and hidden images after all critical resources have finished loading to lower time to interactive. Learn how to defer offscreen images.

Desired Situation

Use the gatsby-plugin-image component instead of to automatically lazy-load images

---

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.

[Sukuna0007Abhi]

Hello sir, I'm Abhijit whom you may be seen the message in the #newcorner, I said I will work on good first issue and I tried to complete it so I raised a PR, (#6455 ) could you kindly review it.. @leecalcote and also sir on working on this issue I've found some more issues that needs attention... 1. MDX Configuration Warning:

• Found deprecated MDX configuration options in gatsby-config.js
• Current options like commonmark, footnotes, and gfm are using the old format
• I plan to create an issue to update these to the latest MDX configuration format

2. Missing Files in Sistent Project:

• Encountered warnings about missing file references.

So,I'll create an issue to track and resolve these file reference errors

I'd like to help fix these issues. I'm thinking of:

1. Creating a detailed issue documenting both problems
2. Working on updating the MDX configuration to the latest format
3. Investigating and resolving the missing file references

Would you agree with this approach? I can share the issue draft with you before submitting it to get your feedback.

[leecalcote]

Sounds great, @Sukuna0007Abhi. Please be aware of this recent PR, too - https://github.com/layer5io/layer5/pull/6451

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[krVatsal]

Hey, if this issue is not assigned to anyone can you assign it to me? @leecalcote

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.