Тепловая карта в яндекс метрике довольно информативная ну и карта скролла тоже дает общее представление о том, на что сфокусировано внимание пользователя. Ничего более информативного не видел
Критический css можно составить буквально из десятка свойств, чтобы зафиксировать в нужных позициях нестабильные блоки, 100кб css это будет явный перебор
Оба варианта рабочие, сделайте как удобно. Никто вам руки не отрубит.
Есть еще кстати 3-й вариант, сделать под каждое разрешение отдельный слой. В css файле крутите эти слои как вам надо, а в разметке подставляете только фон. Это могут быть как div, так и img или picture