Отложите загрузку скрытых изображений!
Технология LazyLoad (ленивая загрузка изображений) откладывает подгрузку картинок до тех пор, пока они не видны пользователю.
При загрузке сайта, за пределами видимости первого экрана, находится много картинок, которых не видно пока не спустишься вниз. Так зачем их грузить сразу, тратя время?
Также тратится время на обращение к серверу за каждым отдельным файлом. Lazy Load позволяет сократить количество запросов к серверу.
⠀
Обычный сайт минимум на 50% состоит из картинок, а их вес больше, чем вес других файлов (скриптов, стилей и шрифтов).
Проверьте свой сайт здесь: - после проверки перейдите на вкладку "Content Breakdown" (см. screen.jpg).
⠀
НЕ работаю с плагинами, так как они сами замедляют сайт. Делаю, не чтобы просто было, а именно для ускорения.
Вручную подключаю сжатую версию скрипта LazyLoad в самый конец кода, чтобы не влиял на скорость прорисовки сайта. Потом правлю код всех нужных картинок, чтобы к ним применялась технология ленивой загрузки.
⠀
Важно: При моей настройке картинки индексируются поиском без проблем.
⠀
Заказав у меня одну услугу, клиенты остаются постоянными заказчиками. Проверьте сами!