Русский Блог

На сайте техногрета Студии Лебедева появилась познавательная статья о Производительности браузеров в зависимости от верстки.

Процитирую выводы из статьи

1. Для интерактивных элементов лучше использовать position: absolute.
2. Большое количество элементов на странице может снизить производительность, но не стоит увлекаться их сокращением в ущерб надежности макета.
3. Не надо делать очень глубоких вложенных структур элементов.
4. Прежде чем начинать верстку макета, следует узнать, какие интерактивные механизмы там должны быть — это избавит от многих проблем уже на начальном этапе работы над проектом.
5. Не надо загонять себя в угол глупых стереотипов: «валидность» и «семантичность» никому, кроме самих разработчиков, не нужна.
6. Не стоит без надобности растягивать картинки. Если это необходимо сделать, следует воспользоваться canvas.
7. Как правило, img-элемент будет работать гораздо быстрее, чем CSS-свойство background-image.
8. Помните главное правило: оптимизировать нужно то, что требует оптимизации.

Настоятельно рекомендую ознакомится с оригиналом, который содержит много позновательных графиков и тестов.