Анимация срабатывает до загрузки сайта

Поможет нам в этом маленький код JS

window.onload = function() {
document.body.className += "loaded";
}

Суть работы данного кода следующая, до того как сайт на загружен – к элементу body ничего не добавлено, но после полной загрузки сайта  к элементу body добавляется класс loaded

А Анимацию мы будем вызывать через loaded

Например:

.loaded .title{
animation: 1s .3s fadeInUp both;
}