Наведите курсор на тег привязки на длинных страницах

Question

Надеюсь, это легко, но у меня есть страница, где есть таблица с множеством строк, и пользователь может решить просмотреть от пятидесяти на страницу до «всего» списка, который составляет около 1500 строк. Я заметил, что при просмотре большего количества строк на странице стиль "a: hover" становится значительно медленнее. Это не так уж плохо в Firefox / Chrome / Safari, но очень плохо в IE7. Какой лучший способ справиться с зависанием якоря, когда есть тонна якорей, которые используют этот стиль?

Вот CSS, который я сейчас использую для него:

a.brochurelink{
color:#000000;
font-weight:bold;
text-decoration:none;
}

a.brochurelink:visited{
color:#9900BD;
}

a.brochurelink:hover{
text-decoration:underline;
color:#0000FF;
}

Answer 1

IE всегда имел очень медленную реализацию DOM. Даже IE8 примерно в 4 или 5 раз медленнее с DOM, чем любой другой текущий браузер. Люди, заинтересованные в эффективности сайта, доказывают это снова и снова.

Псевдо-селектор CSS: hover требует определенного объема обработки браузером, чтобы правильно отобразить его на нужном элементе. Так что да, IE может бороться.

Если вы делаете больше, чем вы указали выше при наведении курсора (скажем, вы на самом деле показывали / скрывали элемент, изменяли размер чего-либо), это вызовет перевыполнение страницы, когда нужно будет пересчитать ВЕСЬ ДОМ, и это будет быть ДЕЙСТВИТЕЛЬНО медленно.

Answer 2

Полагаю, проблема не в вашем CSS, а в 1500 строк! Похоже, вы раздвигаете границы браузера. Я буду придерживаться нумерации страниц, ваши пользователи будут вам благодарны.