Почему при каждом обновлении страницы перезагружается изображение?

Question

[Sergiy Chernega]

Вот такой CSS код находиться в файле стилей:

html.js .loader {
    background: none repeat scroll 0 0 #FFFFFF;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
   }
   html.js .loader .loader_inner {
    background-image: url("/img/load.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    height: 60px;
    width: 60px;
    margin-top: -30px;
    margin-left: -30px;
    left: 50%;
    top: 50%;
    position: absolute;
   }

Это preloader и его loader.png (лого) перегружается после каждого обновления страницы. Можно сделать чтобы изображения из файла CSS кэшировались? На HTML фотографии автоматически кэшируются.

Comments

[Rustam Bainazarov]

Файлы из CSS тоже кэшируются. Проверяйте время жизни кэша CSS или выводите этот кусок CSS в HTML внутри head.

[Sergiy Chernega]

Рустам Байназаров, я понимаю если я впишу его в html, в

[Sergey]

Почему вы решили, что не кешируете? Может смотрите через "Инструмент разработчика" (он же DevTools), а там не забыли снять галочку "Disable cache"?

Answer 1

[Antoshka1509]

Попробуйте настроить кеширование не только изображений, но и css стилей на уровне apache (файл .htaccess, например). Мне кажется, браузер итак кэширует ваше изображение, а вот стили, может быть, нет.