Как ускорить вывод изображения?

Question

[Александр Шаповал]

Доброго времени суток, имеются N-ное количество изображений, при наведении мышки на картинку появляется её оригинальный размер

$('.screen').mouseenter(function(event){
        var src = event.target.getAttribute('src');
        $("#multizoom2").attr("src", src);
    });

Изображения берутся со стороннего ресурса, при наведении мышкой переключается очень шустро, но хотелось бы подменить ссылки чужие на свои будто изображения лежат на моём сервере, для этого я добавил соответствующий роут а контроллере вывожу изображение след.образом

header("Content-type: image/jpeg");
$img_from = imagecreatefromjpeg('https://pdacdn.com/userfiles/screens/' . $id_user . '/' . $id_file . '/' . $screen . '.jpg');
imageJpeg($img_from);

Но теперь когда наводишь на изображение оно переключается с задержкой в 2...3сек. как это ускорить?
Хранить изображения у себя не вариант, а временный кеш делать тоже не хочется, есть еще какой выход?

Answer 1

[Stalker_RED]

Preload, ака предварительная загрузка, например.
Создаете скрытый img в котором прописываете картинку, чтобы к моменту наведения мышкой она была уже в кеше браузера.

Answer 2

[Wexter]

Раньше я ездил из москвы в питер напрямую, а теперь стал ездить через латвию, путь стал занимать больше времени, можно как-нибудь добратся быстрее?

Comments

[Александр Шаповал]

да, вы можете не ездить а самолетом летать

Answer 3

[Андрей Буров]

зачем imagecreatefromjpeg если можно просто readfile?
Ну а еще лучше настроить proxy_pass в nginx с кэшированием.