Предварительный загрузчик файлов cookie jQuery должен появляться только один раз

Question

У меня должен быть приветственный предварительный загрузчик, который должен появиться только один раз на странице (для первого посещения).Но когда я нажимаю на подстраницы, появляется этот предварительный загрузчик на короткий промежуток времени.Что я должен делать?

Это мой код:

<div class="loader"> <img src="http://piksalia.pl/wp-content/uploads/2018/05/piksalia-logo.svg" class="logo-open" alt="logo"> </div>

.loader {
  display: block;
  background-color: #F8ECEE;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999;

 .loader-img {
   position: absolute;
   -webkit-animation-duration: 4s;
   /* Safari 4.0 - 8.0 */
   animation-duration: 4s;
   animation-fill-mode: forwards;
   -webkit-animation-fill-mode: forwards;
 }
}

.logo-open {
 position: absolute;
 left: 50%;
 top: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 z-index: 999;
 max-width: 200px;
 opacity: 0;
 -webkit-animation-name: logo;
 /* Safari 4.0 - 8.0 */
  animation-name: logo;
 animation-delay: 4s;
 -webkit-animation-duration: 4s;
  /* Safari 4.0 - 8.0 */
  animation-duration: 4s;
 animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
 /* Safari 4.0 - 8.0 */
 @-webkit-keyframes logo {
  0% {
   opacity: 0;
  }

  100% {
   opacity: 1;
  }
}

@keyframes logo {
 0% {
   opacity: 0;
 }

  100% {
   opacity: 1;
 }
}


if ($.cookie('noShowWelcome')) $('.loader').hide();
 else {
   setTimeout(function() {
   $('.loader').fadeOut('fast');
   $.cookie('noShowWelcome', true);
 }, 7000);
}

Я использую библиотеку cookie jQuery для архивирования.К сожалению, клиент замечает часть загрузчика между подстраницами, и я должен это исправить.Это моя скрипка: https://jsfiddle.net/naaatasha/ncawkx20/14/