Повышаем производительность броузера

Сергей Чикуенок, один из технологов Студии Лебедева, провёл несколько тестов производительности броузера в зависимости от вёрстки. Вот его выводы:

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>