Components: Try disabling NavigatorScreen
animations completely
#56795
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
DO NOT MERGE
What?
This is an experiment that allows us to try out disabling only the
NavigatorScreen
animations, without tinkering with any other existing animations or existing motion throughout the application.Why?
To demonstrate that the animations of
NavigatorScreen
tend to be among the primary reasons for the slow performance of the site editor when navigating between pages and templates, as reported in #55892This hints that we might need to rewrite those animations to not use
framer-motion
but just pure CSS instead to leverage hardware acceleration and avoid the already complex painting work that the browser has to do with the editor canvas iframe.How?
We're just disabling the
NavigatorScreen
enter/exit animations.We could alternatively try out by emulating
prefers-reduced-motion
, but this disables other animations too, which we don't want for this experiment.Testing Instructions
Testing Instructions for Keyboard
None
Screenshots or screencast
None