В моей команде мы создаем угловое приложение. Требование к функции состояло в том, чтобы предварительно загружать изображения при загрузке компонентов, чтобы повторно использовать их, не загружая снова, когда это необходимо в определенном месте в нашем приложении с одной страницей.
Мы попытались предварительно загрузить изображения в DOM с помощью create new Image()
, но когда мы повторно использовали URL-адрес изображения src, браузер всегда перезагружал исходный файл или проверял, изменен ли заголовок ( если включен кеш), что означает, что предварительная загрузка была успешной, но для каждого повторного использования обратный переход к серверу был сделан снова.
Когда мы сделали то же самое с document.createElement('img')
, источник изображения был не перезагружен , скорее повторно использован из локальной памяти документа и никакой дополнительный запрос не был сделан для URL-адреса img src.
Я действительно не понимаю, почему, но это большая разница, которую мы обнаружили. В случае, если кому-то еще нужно повторно использовать предварительно загруженные изображения, более поздним было бы пойти, чтобы сохранить некоторые полосы пропускания и несколько запросов в оба конца:)