Lazy load

*Или ленивая загрузка.

Это загрузка изображений, когда они по очереди “подключаются” без создания паники и давки. Благодаря такой цивилизованности, загрузка происходит очень быстро. Скрипт с “ленивой загрузкой” Lazy load на самом деле, был стырен отсюда: https://habr.com/ru/company/ruvds/blog/453586/ и применен для данной галереи. IntersectionObserver Поэтому сила лени “великая” заставила найти работающее решение на хабре.

Если посмотреть скорость загрузки на пейд спид от гугла https://developers.google.com/speed/pagespeed/insights/?hl=ru&url=https%3A%2F%2Fnasobe.ru%2Flazy-load.html Можно убедиться что лейзи лод работает, как и требуется. Часть текста тут закрывает ленивца, чтобы ленивая загрузка действовала в полной красе и скорость всегда находилась в грин зоне.

ленивец

Тут лейзи лод представлен практически как есть с хабра и посмотреть на работающий скрипт можно из панели разработчика “F12”. Скрипт с хабра скопипастен прям перед открывающим тегом боди.

picture

и исчО Костыльрея

Когда было очень надо найти суперское решения загружать фотографии не перезагружая страницу, но приутих наплыв страстей и уже неизвестно, надо ли оно вообще было или нет!

<=
     
=>

Но наработка тут и вот, оно! кастыльрея - это как обычная галерея только на костылях для ускоренной загрузки. Вместо изображений там подгружаются html страницы с тегом пикчер и все, можно было бы сделать подгрузку картинок напрямую, но пришлось бы делать выборку форматов изображений для разных браузеров, потому как формат webP еще до сих пор не используется в сафари. Новшество кастыльреи в том что как показывает практика! Если бегуну отрубить ноги и приделать вместо них костыли, он будет бежать даже быстрее чем бежал бы на своих родных ногах https://www.youtube.com/watch?v=UPk3bDjGFek Вот оно что оказывается. С гениальной логической последовательностью, достижимой лишь на грани просветления.

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

lazy load