Скорость сайта кэширования изображений для изображения во всплывающем окне

Question

Я создаю веб-сайт, который загружает несколько изображений при первой загрузке, а затем, если пользователь нажимает на одно из изображений, это же изображение открывается во всплывающем окне, но больше (Lightbox).

Мой вопрос заключается в том, лучше ли использовать одно и то же большое изображение и изменить размеры для кэширования (чтобы пользователь уже загрузил изображение) или лучше сначала загрузить уменьшенное изображение, чем большее изображениекак только открывается всплывающее окно?

Я пытаюсь максимально уменьшить скорость сайта, так как изображений много.

Я использую масонство для сайта и Magnific Popupдля увеличения изображения, если это поможет.

размер миниатюрного изображения составляет около 100 КБ, тогда как изображение большего размера составляет 200-300 КБ.

Answer 1

Основная идея любого скрипта типа лайтбокса заключается в том, что они позволяют отображать изображения предварительного просмотра (миниатюры) на вашей странице и загружать большие версии только при необходимости (например, когда пользователь нажимает на миниатюру). Это очень помогает уменьшить вес страницы и время загрузки. Современные сценарии (например, fancybox) могут отображать изображение предварительного просмотра, в то время как над ним постепенно появляется увеличенная версия, что освобождает пользователей от необходимости смотреть в пустой экран.

Answer 2

image = "Your image link / location here"/ZoomService

image.Zoom (100)

- если вы используете веб-кодирование MilkWar, ​​используйте