Стоит ли загружать не основной CSS в конце страницы?

Есть один CSS файл со следующим содержанием (пример):

#one {
  width: 50px;
  height: 50px;
  background: red;

  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
}
#two {
  width: 50px;
  height: 50px;
  background: blue;

  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
}

Можно ли разделить данный файл на две части, например:

Файл one.css (основной), ссылка на который в начале страницы

#one {
  width: 50px;
  height: 50px;
  background: red;
}
#two {
  width: 50px;
  height: 50px;
  background: blue;
}

А вот two.css, который загружается в конце страницы

#one {
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
}
#two {
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
}

Или все-таки не стоит разделять файл на несколько частей?