Зачем верстать вначале мобилку?
В чем плюсы такого подхода к верстке?
Плюсов нет. Это палка о двух концах, либо стили переопределяются в одном порядке, либо в другом. На выходе будем иметь следующее: при mobile first на мобилках будет минимум переопределений, на десктопе - максимум. При desktop first на оборот. Это влияет только на скорость первичного рендера элемента.

Если же хочется настоящей оптимизации, то не должно быть переопределений стилей. Это значит надо писать часть стилей, которые постоянные как обычно. Стили которые меняются, писать только для определенных брейкпоинтов, и делать это по умному, чтоб ничего не переопределялось.
При таком подходе не будет иметь никакого значения для какой платформы ты в первую очередь пишешь код. Все будет одинаково оптимизировано.
Вы делаете один файл со стилями main-styles.css. В нем вся верстка сайта как для мобилок.
Отдельно делаете файл desktop-styles.css в котором переопределяете главные стили чтобы адаптировать верстку под широкие экраны. Затем сервер для мобильных отдаёт только один файл, а для десктопов — два. Десктоп загружает больше трафика, но на нем как правило и скорость сети выше. 
Как то так.