Высокопроизводительный динамический макет и CSS
Разные советы…
- Используйте технику CSS Sprites для быстрого переключения картинок (Snappy Image Replacement, известен также как rollover-эффект).
- Избегайте использования JavaScript для (анимации) макета.
- Нужно помнить о
window.onresize
… - Вместо этого используйте чистый CSS!
- Побочные эффекты: улучшается масштабируемость, улучшается поддержка пользователей с отключенными возможностями (скриптами, изображениями, стилями), и т.д.
- Нужно помнить о
- Избегайте использования CSS-выражений (expressions) в Internet Explorer.
- Выражения (в большинстве своем) постоянно пересчитываются, чтобы учесть текущие изменения на странице.
- Существуют способы по их оптимизации, но, в общем случае, можно найти обходные пути, чтобы их не использовать.
- Избегайте использования CSS-фильтров в Internet Explorer (или сведите их к минимуму).
- Оптимизируйте табличную разметку.
- Задача: позволить движку браузера начать отображение таблицы перед тем, как он ее полностью получит.
- Используйте
table-layout:fixed
- Дополнительно определите элемент
COL
для каждой колонки. - Задайте значение для его атрибута
WIDTH
.
- Оптимизируйте ваши CSS-селекторы [http://developer.mozilla.org/en/docs/Writing_Efficient_CSS]. Стоит заметить, что большая часть этих советов, в связи с проведенным исследованием, не несет особого смысла.