Оптимизация CSS и скорости страниц Google мешает мне

Question

Я использую скорость страницы Google, и это говорит мне, что мой CSS неэффективен ...

Очень неэффективные правила (их можно исправить на любой странице):

* table.fancy thead td    Tag key with 2 descendant selectors and Class overly qualified with tag
* table.fancy tfoot td    Tag key with 2 descendant selectors and Class overly qualified with tag

Правила CSS

table.fancy {border: 1px solid white; padding:5px}
table.fancy td {background:#656165}
table.fancy thead td, table.fancy tfoot td {background:#767276}

Я хочу, чтобы верхний и нижний колонтитулы имели другой цвет фона, чем тело таблицы (таблица данных)

• На каком основании это неэффективно?
• Как сделать его более эффективным?

Я не буду добавлять класс в thead и tfoot ради Google.

Answer 1

Скорость страницы Google говорит, что указание 2 потомков неэффективно, что может быть правдой, но я сомневаюсь, что это будет иметь какое-то значение в восприятии конечного пользователя. С другой стороны, иногда вы должны использовать этот способ, чтобы делать то, что вы хотите. В других случаях нужно сделать CSS проще для чтения и обслуживания.

В конечном итоге это ваш CSS, так что делайте, что хотите. Я не думаю, что микрооптимизация будет иметь значение.

Смотрите также: этот вопрос