Skip to content

Reduce content layout shift (CLS) caused by page banners #9824

Closed as not planned
@alexgibson

Description

Description

Same problem as #9823, but for page banners (such as the fundraising banner and daylight banners). These banners are dynamically inserted into the top of the page using JS. This causes the page content to jump when loading on slower connections, which is a bad UX.

We should change the way these banner load by making making sure they are rendered on first paint.

image


Success Criteria

  • Page banners should not cause CLS.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    FrontendHTML, CSS, JS... client side stuffP3Third level priority - Nice to havePerformance ⚡️Improve page performanceSEO

    Type

    No type

    Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions