creativecommons / creativecommons/vocabulary

[Bug] FOUC (flash of unstyled content) occurs erratically, causes a layout shift prior to fonts loading/rendering correctly

Open
#11 4 comments 0 reactions 1 assignee Claimed by @possumbilities View on GitHub
🏁 status: ready for work 🏷 status: label work required 💻 aspect: code 🕹 aspect: interface 🟩 priority: low
Dominant language
HTML
Stars
23
Forks
84
Avg merge
1d 9h
Merged PRs (30d)
3

Description

## Description
When the site is first loaded, there is a brief FOUC, which delays the proper rendering of the included font-files, icons, etc.. This results in a layout shift on first load.

Afterwards, the files are cached and this doesn't usually occur again, but it is something we should address.

## Reproduction

1. Disable browser caching/reset cache
2. Visit creativecommons.org
3. See error.

## Expectation
Site should load more smoothly on initial payload.

## Screenshots
Screen Shot 2023-10-18 at 2 05 35 PM

## Resolution

- [x] I would be interested in resolving this bug.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.