Skip to main content

Search and Top Navigation

#8638 closed bug (notabug)

Opened October 09, 2012 07:09AM UTC

Closed October 09, 2012 05:13PM UTC

Slow site performance due to hr.dots rule

Reported by: r.j.g.otten Owned by: jquery-infrastructure
Priority: minor Milestone: 1.9.1
Component: [meta] ui.site Version:
Keywords: Cc:
Blocked by: Blocking:
Description

The new site theme has a hr.dots rule that is rendering a mountain heap of repeated radial gradients which is adversely affecting rendering performance in Firefox on the jQuery UI home page.

The offending CSS as presented by Firebug:

hr.dots {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: transparent;
    background-image: -moz-radial-gradient(circle , #EEEEEE 1px, transparent 0px), -moz-radial-gradient(circle , #DDDDDD 1px, #EEEEEE 1px);
    background-origin: padding-box, padding-box;
    background-position: 0 0%, 1px 1px;
    background-repeat: repeat, repeat;
    background-size: 3px 3px;
    border: medium none;
    height: 10px;
}

Setting a background-size of 3px that repeats radial gradients all across the website width is not a very smart thing to do. I suggest you get rid of it.

(In the meantime, I guess I'll be adding some @document user CSS to get rid of it. I suggest anyone else with this problem do the same...)

Attachments (0)
Change History (1)

Changed October 09, 2012 05:13PM UTC by scottgonzalez comment:1

resolution: → invalid
status: newclosed

Thanks, I moved this to the correct repo: https://github.com/jquery/web-base-template/issues/71