0) Включаю музыку, проверяю обновления пакетов и npm =)
1) Клонирую из собственного форка немного переделанный OptimizedHTML
2) Визуальный анализ макета, загрузка в AdobeAssets/Avocode
3) Составление типографики, подключение шрифтов
4) Экспорт графики "как есть", дергаю дизайнера перед сдачей, если необходимо. В целом, оптимизирую графику сам, но ближе к концу
5) Набрасываю первоначальный html, когда готов - работаю над стилями.
6) После подготовки десктопа, работаю над адаптивом. Как правило, много времени не занимает, если сам не сделаю говнокод, благо, sass спасает =)
7) Оптимизирую графику, если необходимо. Прогоняю GooglePageSpeed на своем тестхосте и на github pages
8) По результатам прогона оптимизирую все остальное (крайне редко)

Иногда приходится выполнять и другие действия, но в целом моя работа выглядит примерно так

P.S. Инструменты:
Редакторы: Brackets, SublimeText3. Очень редко Atom (смотрю в сторону VS Code)
Консоль: cmder
Макеты: PSD, sketch через invision.com
Сборщик: Gulp
Методология: БЭМ
Хостинг: GithubPages, собственный хост на hostland

1. PageSpeed - не серебряная пуля. Это, в первую очередь, синтетика.
2. В отладчике включите троттлинг и смотрите, как ведут себя шрифты, если у вас нет текста - font-display попросту не работает
3. Убедитесь, что у вас сброшен кеш (как серверный, так и локальный) прежде чем тестировать
4. Вам не нужно использовать PageSpeed, у вас в Хроме уже есть LightHouse, к которому PageSpeed обращается. Так сказать, внешняя реализация того, что встроено уже в хром (не к вашему локальному, если что)
5. Возможно, у Вас недостаточно запасных шрифтов для отработки свапа. У вас идет обращение к локальным шрифтам, которых модет не быть. Я бы свапал на Roboto/Arial/serif/sans-serif.
6. Убедитесь, что у вас правильно написан фоллбек в src, включая отсылку на локальные шрифты