Честно говоря раньше не придавал особого значения такой фазе веб-девелопмента, как верстка. Отчасти потому что никогда этим сам не занимался(на должном уровне), отчасти от того, что недопонимал некоторые аспекты веб-разработки. Недавно наткнулся на интересную статью Сергея Чикуенока (из команды никому не известного Артема Лебедева). Суть этой статьи сводится к следующему: если клиентский код работает медленно - убейте дизайнера, верстальщика или кто этим у вас там занимался. Потому как разметка влияет на скорость работы веб-приложения. Кому интересно почитать детали можно в оригинале статьи, а я лишь процитирую выводы:
- Для интерактивных элементов лучше использовать position: absolute.
- Большое количество элементов на странице может снизить производительность, но не стоит увлекаться их сокращением в ущерб надежности макета.
- Не надо делать очень глубоких вложенных структур элементов.
- Прежде чем начинать верстку макета, следует узнать, какие интерактивные механизмы там должны быть — это избавит от многих проблем уже на начальном этапе работы над проектом.
- Не надо загонять себя в угол глупых стереотипов: «валидность» и «семантичность» никому, кроме самих разработчиков, не нужна.
- Не стоит без надобности растягивать картинки. Если это необходимо сделать, следует воспользоваться canvas.
- Как правило, img-элемент будет работать гораздо быстрее, чем CSS-свойство background-image.
- Помните главное правило: оптимизировать нужно то, что требует оптимизации.
Вот так-то господа, веб разработчики...