📋

Способы загрузки картинок при открытии страницы

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

image

В редакторе есть три варианта загрузки картинок:

1. Загрузка сразу всех картинок на странице. Такой вариант подойдет для сайтов с небольшим количеством изображений.

image

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

image

Ленивая загрузка картинок, это специальный алгоритм, который определяет какую часть страницы в настоящий момент видит посетитель и указывает браузеру, какие именно картинки должны загрузиться в приоритете. Кроме того, он может выполнять сжатие картинок до того размера, который реально виден посетителю. Например, была загружена картинка разрешением 1200x960px, но отображается она в разрешении 400x200px, тогда файл картинки будет сжат именно до этого разрешения и так индивидуальной для каждого экрана. Это позволяет уменьшать вес страницы. Чем меньше страница весит, тем быстрее она будет загружаться, в том числе при медленном интернет-соединении.

Если отключить ленивую загрузку, то на странице будут загружаться оригиналы картинок, без сжатия и определения приоритетных для загрузки файлов изображений.

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

image

4. Для проварки результата выполните предпросмотр или публикацию страницы.