Я использовал этот метод: CSS Throwdown - предварительная загрузка изображений без JavaScript. Автор Джефф Старр - http://perishablepress.com/press/2007/07/22/css-throwdown-preload-images-without-javascript/
Он отлично работает, когда я просматриваю его в веб-браузере, однако на мобильных устройствах это не оказывает никакого влияния, значки .png по-прежнему загружаются слишком долго.
Предварительная загрузка не делает все волшебным образом быстрее - это просто означает, что запросы иногда отправляются до того, как данные потребуются. Предзагрузка вообще происходит? Возможно, дела идут медленно, потому что мобильное соединение не очень хорошее.
Мне кажется, что этот метод предварительной загрузки изображений отлично работает в мобильных браузерах - я очень сомневаюсь, что мобильные браузеры, «оптимизирующие», не загружают изображения, не отображаются.
Если мобильный браузер не поддерживает javascript (или достаточно хорошо поддерживает javascript), предварительная загрузка таким образом может не работать.
Я ожидаю, что предварительная загрузка с помощью javascript будет работать в любом браузере или прокси-сервере, которые используют транскодирование или предварительную визуализацию на сервере, также не похоже.
Вы пробовали использовать старую школу (90-х годов) для предварительной загрузки, которая должна была включать изображение на главную (или даже на каждую страницу), но размером 1px на 1px (также можно попробовать 0x0). Это может означать, что пользователь платит за скачивание большего количества контента, чем ему нужно. Этот вопрос следует рассмотреть.
Первое, что нужно сделать: убедиться, что изображение вам действительно нужно; сделать его как можно меньше (физический размер и сжатие при кодировании изображений); и [gzip] сжимает файл при его отправке по HTTP. Также убедитесь, что вы делаете все возможное, чтобы позволить браузеру пользователя / клиента правильно кэшировать изображения.
Если ваш сайт будет ориентирован на мобильные устройства, а не только на тот, который вы тестируете, у вас могут возникнуть трудности с поиском универсального решения, которое будет работать во всех мобильных браузерах. Если вы хотите сократить время загрузки изображения, возможно, вам стоит рассмотреть возможность регулировки сжатия изображения, чтобы уменьшить его размер?
