Important Notice: Our web hosting provider recently started charging us for additional visits, which was unexpected. In response, we're seeking donations. Depending on the situation, we may explore different monetization options for our Community and Expert Contributors. It's crucial to provide more returns for their expertise and offer more Expert Validated Answers or AI Validated Answers. Learn more about our hosting issue here.

What CSS selectors create performance issues on modern browsers?

0
10 Posted

What CSS selectors create performance issues on modern browsers?

0
10

CSS-101 has a good, albeit general example of how CSS rules are looked up by browsers: http://www.css-101.org/descendan… This details what Christopher describes as “overqualified selectors”. On a per-page basis: • Google PageSpeed plugin also helps identify ‘inefficient’ and ‘very inefficient’ selectors of a page. • Andy Edinborough’s CSS Stress Test examines each CSS selector on a page and grades it against the baseline average. http://andy.edinborough.org/CSS-…

0

Google has a Page Speed Performance best practices guide that includes a section on css selectors: http://code.google.com/speed/pag…

0

Mozilla has published a guide for writing efficient selectors in the Mozilla UI (I’ll assume this translates reasonably well to the other browsers on the list): https://developer.mozilla.org/en…

What is your question?

*Sadly, we had to bring back ads too. Hopefully more targeted.