Изображения не загружаются если их слишком много?
Пытаюсь сделать выбор изображения загружая с помощью php скрипта кнопки внутри которых img
В общем их 1500+
$directory = $_SERVER['DOCUMENT_ROOT']."/minecraft_assets"; $images = glob($directory . "/*.png"); foreach($images as $image) { $image_parsed = str_replace($_SERVER['DOCUMENT_ROOT'], "", $image); echo "<button type="button" id="$image_parsed" onclick="SelectIconName('$image_parsed')" class="w-8 h-8 border-2 border-white/[0.1] hover:border-blue-400/[0.9]"><img onerror="error_load()" class="w-full h-full edge" src="".$image_parsed.""><button/>"; } |
$directory = $_SERVER['DOCUMENT_ROOT']."/minecraft_assets"; $images = glob($directory . "/*.png"); foreach($images as $image) { $image_parsed = str_replace($_SERVER['DOCUMENT_ROOT'], "", $image); echo "<button type="button" id="$image_parsed" onclick="SelectIconName('$image_parsed')" class="w-8 h-8 border-2 border-white/[0.1] hover:border-blue-400/[0.9]"><img onerror="error_load()" class="w-full h-full edge" src="".$image_parsed.""><button/>"; }
Но при первой загрузке страницы загрузке страницы пользователь получает не полный набор изображений (после повторной иногда полный)
Как это решить и/или оптимизировать?
Дополнительно:
Сколько памяти и открытых вкладок (и других помимо браузера приложений) на тестовой машине - проверяли?
В head вебстраницы можно добавлять инструкции о предзагрузке изображений.
Как это решить и/или оптимизировать
Свести к одной картинке. Или категоризировать картинки и свести количество картинок к количеству категорий
https://ru.wikipedia.org/wiki/%D0%A1%D0%BF%D1%80%D...
https://habr.com/ru/articles/159027/
https://telegra.ph/Stack--sprajt-zdorovogo-chelove...
https://siteok.org/blog/html/svg-sprajty
Не думал, что всё настолько плохо. Естественно, от такого количества ресурсов браузеру поплохело.
Да, так делать не стоит, нет, оно всё равно должно работать.
Скорее всего стоит какое-то ограничение на сервере для слишком частых и многочисленных запросов, стоит разобраться с его настройкой, даже если решите заменить всё спрайтом.
Ответы:
Гугли: CSS sprites
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для решения проблемы с загрузкой изображений, когда их слишком много, можно использовать следующие подходы:
1. Оптимизация изображений: перед загрузкой изображений на сайт, убедитесь, что они оптимизированы для веба. Используйте специальные инструменты для сжатия изображений без потери качества, такие как TinyPNG, JPEGmini и другие.
2. Ленивая загрузка: реализуйте ленивую загрузку изображений, чтобы они загружались только при прокрутке страницы до них. Это позволит уменьшить нагрузку на сервер и ускорить время загрузки страницы.
3. Кеширование изображений: используйте кеширование изображений на стороне клиента или сервера, чтобы избежать повторной загрузки одних и тех же изображений при каждом обращении к сайту.
4. CDN: храните изображения на CDN (Content Delivery Network), чтобы ускорить их загрузку. CDN распределяет контент по серверам по всему миру, что позволяет пользователю загружать изображения с ближайшего к нему сервера.
Применяя вышеперечисленные методы, вы сможете оптимизировать загрузку изображений на вашем сайте и улучшить пользовательский опыт.