Skip to content

Avoid cumulative layout shifts on Files pages #2834

@artfulrobot

Description

@artfulrobot

Loading a files page shows the following:

  1. contents of a readme
  2. list of recent files
  3. list of the files

The problem is that (3) typically loads first, then (2) then (1). But 2 and 1 cause cumulative layout shifts (CLS) which means things like: you click on one folder, but just as you click, the layout shifts and now you've clicked on a different one - but you might not notice until the next page loads.

On my server (which is not going to win prizes for being high-end) the loading times for (2) and (1) can be anywhere up to a minute! So it's anyone's guess where your click is going to land. I have NC on a better server and there the problem is not so pronounced, but it is still a problem - you're waiting maybe 8-10s to be able to trust the interface has settled.

Screencast from 25-08-22 11:25:30

Describe the solution you'd like

A really simple solution would be to fix the amount of space allowed for README and recent files so that the layout shift is avoided.

Performance improvements could also really help.

Describe alternatives you've considered

I've considered looking for a way to turn off README and recent docs, but they have their uses.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Status

    ☑️ Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions