Skip to content
This repository has been archived by the owner on Dec 11, 2019. It is now read-only.

(minor) Tab performance - aphrodite stylesheets created during render #11465

Closed
petemill opened this issue Oct 11, 2017 · 2 comments
Closed

(minor) Tab performance - aphrodite stylesheets created during render #11465

petemill opened this issue Oct 11, 2017 · 2 comments

Comments

@petemill
Copy link
Member

Description

Some of the components used to render tabs are calling Stylesheet.create on every render() call. This was introduced in f9b2a2c which was the tab component module split (#8347, #8348). This can create a lot of unnecessary css rules added to the document, and maybe even unnecessary paints.

Affected components:
tab.js
favIcon.js
tabIcon.js

Brave Version

master - introduced in f9b2a2c
Reproducible on current live release: Affected code not yet deployed to master

@petemill petemill self-assigned this Oct 11, 2017
petemill added a commit to petemill/browser-laptop that referenced this issue Oct 11, 2017
Helps with performance, instead use css variables to pass js variables to css.

Fix brave#11465
@petemill petemill changed the title Tab performance - aphrodite stylesheets created during render (minor) Tab performance - aphrodite stylesheets created during render Oct 11, 2017
petemill added a commit to petemill/browser-laptop that referenced this issue Oct 11, 2017
Helps with performance, instead use css variables to pass js variables to css.

Fix brave#11465
petemill added a commit to petemill/browser-laptop that referenced this issue Oct 12, 2017
Helps with performance, instead use css variables to pass js variables to css.

Fix brave#11465
petemill added a commit to petemill/browser-laptop that referenced this issue Oct 12, 2017
Helps with performance, instead use css variables to pass js variables to css.

Fix brave#11465
petemill added a commit to petemill/browser-laptop that referenced this issue Oct 13, 2017
Helps with performance, instead use css variables to pass js variables to css.

Fix brave#11465
petemill added a commit to petemill/browser-laptop that referenced this issue Oct 13, 2017
Helps with performance, instead use css variables to pass js variables to css.

Fix brave#11465
@cezaraugusto
Copy link
Contributor

note for QA team: while this is a refactor this is also related to performance so please put something related in release notes, I'm setting for 0.22.x. Thanks

@cezaraugusto cezaraugusto added this to the 0.22.x (Nightly Channel) milestone Oct 14, 2017
syuan100 pushed a commit to syuan100/browser-laptop that referenced this issue Nov 9, 2017
Helps with performance, instead use css variables to pass js variables to css.

Fix brave#11465
@bbondy bbondy modified the milestones: 0.22.x (Developer Channel), 0.23.x (Nightly Channel) Feb 25, 2018
@petemill petemill modified the milestones: 0.23.x (Developer Channel), 0.22.x (Beta Channel) Mar 19, 2018
@petemill
Copy link
Member Author

Moved to milestone 0.22.x due to requiring it for a clean merge of #12565 and the same / similar test plan for that version.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

5 participants