Bug Tracker

Opened 4 years ago

Closed 4 years ago

#14979 closed bug (fixed)

Order of conditions causes unnecessary Reflow

Reported by: ksmwsk@… Owned by:
Priority: high Milestone: 1.11.1/2.1.1
Component: dimensions Version: 2.1.0
Keywords: Cc:
Blocked by: Blocking:

Description

When profiling a web application which features live resizing with its components i found a spot in the jQuery code causing unnecessary reflow.

return elem.offsetWidth === 0 && rdisplayswap.test( jQuery.css( [...]

if i change this so that the test for the display value will be the first one:

return rdisplayswap.test( jQuery.css( [...])) && elem.offsetWidth === 0

Now offsetWidth seems to take much more performance than retrieving the display property and testing it with the regexp.

If this will be confirmed as a valid issue, i would love to contribute this change via github.

Change History (4)

comment:1 Changed 4 years ago by dmethvin

Component: unfileddimensions
Milestone: None1.11.1/2.1.1
Priority: undecidedhigh
Status: newopen

Awesome, great catch! We'd love a pull request on this.

comment:2 Changed 4 years ago by anonymous

Okay i will add a pull request today.

comment:3 Changed 4 years ago by ksmwsk@…

I added a pull request here:

https://github.com/jquery/jquery/pull/1560

comment:4 Changed 4 years ago by Christian Kosmowski

Resolution: fixed
Status: openclosed

Dimensions: Reverse a check to avoid potential reflows

Fixes #14979 Closes gh-1560

Changeset: 1ca84214cc89d9e5f8af12b18b34426fc91b1b08

Note: See TracTickets for help on using tickets.