Opened 10 years ago

Closed 10 years ago

#8638 closed bug (notabug)

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...)

Change History (1)

comment:1 Changed 10 years ago by Scott González

Resolution: invalid
Status: newclosed

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

Note: See TracTickets for help on using tickets.