На самом деле, я сейчас тоже задаюсь этим вопросом.
Поделюсь своими наработками:
1) Любимый редактор Sublime Text
- plugins : emmet, JQuery, Sass, less, CSS, автопрефилы. Есть ещё несколько полезных которые подставляют пути к файлам подсвечивают цвета.
В нете полно статей. Ну сам редактор это предпочтение.
2) gulp на самом деле использую как нубло, вот буду делать boilerplate для старта. На sass. Несколько хаков в HTML типа мета тегов обёртки шапки, контента и футер. JQuery с фолбеком если вдруг с CDN не пройдет. Даже в дефолтном джиес написал $(document).ready();
3) Пока не добрался до автогенерации sprite картинок но думаю это отлично сэкономит время в тех местах где нету шрифта.
4) Собираюсь уйти от препроцессоров на пост процессор, а также использование Angular/Ember.js/React для решений крупнее Landing Page :)
5) Cейчас думаю поработать также над архитектурой (как бы пафосно не звучало для вёрстки) розбивка на блоки продумать всякие проблемы и работу функционала.
6) Подобрать готовые решения, имею ввиду плагины, слайдер/карусель/работа с таблицами.
К примеру owl'Carousel/ data tables / animate.CSS / wowjs ну и тому подобные)))
7) Самый маленький пункт - сокрость/качество печати как такова :)
8) Ну и опыт :)
Как-то так, если есть советы, может упустил.
По поводу скорости вёрстки лендинга:
Вёрстка Landing Page в четыре блока то там нечего верстать, просто сетку надо. И исходники нормальный, все шрифты и элементы (лого, гайдлайн от дизайнера) грид например Susy для Sass.
А вот если присутсвуют анимации, фулскрин видео, дизайн под девайсы продуман дизайнером, стейты на поля форм, а плюс ещё и одеть на CMS то пусть не ВЫЕ своим "Г" :)
Все придёт с опытом :)
