Eliminate Cumulative Layout Shift (CLS) on home page

[leecalcote]

Current Behavior

The attached screenshot has an example of unwanted behavior in which content is displayed to halfway while it is only partially rendered.

Desired Situation

Ideally content is fully rented before is displayed so as to avoid a negative CLS effect. Appropriately sized placeholders can be used as one of the techniques to prevent unwanted shifting.

Screenshot

---

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.