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

есть сайт на котором большое количество png и jpg элементов.
При загрузке на сайт возникают ошибки в консоли 503.
Ошибки пропадают, если настроить кеширование больше 30 секунд и обновить страницу 3 раза.

Подскажите, пожалуйста, почему так происходит, и как это можно исправить?
сайт развернут на тестовом https://ineedabigfish.ru/

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

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

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

Дополнительно:

Ответы:

https://jino.ru/help/faq/problems/error-503/
бомжехостинги не рассчитаны на 40 запросов в секунду, а каждый элемент с урл на странице - это еще один запрос к серверу. Вариант 1 - купить хостинг подороже, вариант 2 - сделать ленивую загрузку картинок, но это не точно поможет...

  • Замутить свг спрайт со вставленными жпг/пнг)

+ Заказать

 

Для решения данной проблемы вы можете воспользоваться услугами фрилансеров. Мы выполним необходимую работу быстро и качественно.

 

    • Почему картинки загружаются полностью только после третьего обновления страницы?Есть ответ
    • 07.04.2024
    Ответить

    Проблема с загрузкой картинок на вашем сайте может иметь несколько причин. Одной из возможных причин может быть кеширование изображений браузером или сервером.

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

    Для исправления этой проблемы, вы можете попробовать добавить случайное значение к URL картинки, чтобы обойти кеш. Например, вы можете изменить URL изображения с помощью JavaScript, добавив случайное число к концу URL. Таким образом, браузер будет считать, что это новое изображение и будет загружать его каждый раз.

    Пример кода на JavaScript:

    let imageUrl = 'путь_к_изображению.jpg';
let randomValue = Math.random();
let newImageUrl = imageUrl + '?v=' + randomValue;
document.getElementById('myImage').src = newImageUrl;

    Также, убедитесь, что у вас нет проблем с кешированием на стороне сервера. Проверьте настройки кеширования на вашем сервере и убедитесь, что они корректно настроены.

    Надеюсь, что эти рекомендации помогут вам решить проблему с загрузкой изображений на вашем сайте. Если проблема сохраняется, рекомендуется обратиться к специалисту по веб-разработке для более детального анализа.

Оставить комментарий