Будет изображение со стилем = “дисплей: ни один” все еще загружаться и кэшироваться?
Я пытаюсь выяснить способ кэшировать следующие и предыдущие изображения в моем сценарии галереи... Я задаюсь вопросом - ли это хороший способ сделать это. Кроме того, есть ли какой-либо способ вручную определить время кэша для загруженного изображения?
3 ответа
Дисплей: Нет Изображения будут загружены и кэшировать на клиенте. Тем не менее, JavaScript уже имеет четко определенный способ предварительной нагрузки изображения:
var nextImage = new Image();
nextImage.src = "your-url/newImage.gif";
Это приведет к изображению, не отображая его пользователю.
Я не уверен в поведении кэша с отображением : Нет (он, вероятно, зависит от браузеров), но вы можете получить изображение в кеш браузера, не отображая его Создание объектов изображения в JavaScript. Изображение не будет отображаться, пока вы не добавите его на страницу.
var image = new Image();
image.src = 'example.com/image'
Что касается «Есть ли способ вручную указать время кэше для загруженного изображения?», Есть, но это касается в ответ HTTP, который обеспечивает изображение в браузере. У Google есть хороший грунтовтер на этом: https://devepelopers.google.com/speed/articles/Caching
Я думаю, что он будет загружен, и, следовательно, кэшируется, потому что изображения могут быть загружены до того, как CSS даже приехал.
Если браузеры оказываются слишком умными, что-то вроде позиция: абсолют; Слева: -9999px; Вершина: -9999px должна быть хорошей альтернативой.