Muvka

В 4ой версии это делается добавлением класса justify-content-center:

<div class="container">
  <div class="row justify-content-center">
    <div class="col-md-6">
      One of two columns
    </div>
    <div class="col-md-6">
      One of two columns
    </div>
  </div>
</div>

Во-первых, задавать body и html какие-то конкретные значения - это создавать геморрой самому себе. Всё, что можно с ними сделать - это ресетнуть, а лучше всего подключить normalize.css и забыть про эти элементы в css вообще. Иначе потом вы откроете для себя плавающие элементы в зависимости от высоты строки, установленной в body и другие прелести наследования.

Во-вторых, используй везде пиксели и не парься. Вся эта движуха с относительными величинами - бред собачий. Почитать об этом можно много где, например, тут

Если задавать глобально то лучше использовать rem.
Ответ на вопрос, да можно для упрощения дальнейших вычислений. Вообще надо четко представлять зачем это нужно. Если только дань моде, то не стоит.

На самом деле, простое подключение лучше, нежели данный метод. На хабре недавно даже статья была, в которой выясняли, насколько быстрее будет загрузить один общий минимизированный закэшированный скрипт, чем подгружать много, пусть даже асинхронно.
Легче страница? Ага, как же. Вместо одной строчки вы написали десять.
Что за "async" : false? Тупой копипаст?

Template Hierarchy