Ленивая загрузка изображений прогрессивно с «Прогрессивно»

Каждый современный сайт должен быть быстрым. Хотя существует множество методов и плагинов для увеличения скорости загрузки страниц, тем не менее, вы можете не знать, с чего начать.

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

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Это бесплатный проект с открытым исходным кодом, поэтому вы можете скачать его и запустить на любом веб-сайте. Кроме того, он работает на 100% vanilla JS, поэтому у него нет нулевых зависимостей, которые могут вас утяжелить.

постепенно сценарий веб-приложенияВы можете посмотреть живую демонстрацию на Прогрессивно домашняя страница,

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

И заполнители изображений на самом деле выглядят как изображения, которые вы загружаете. Потрясающие!

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

Прогрессивно имеет довольно обширный API, так что это отличный выбор для веб-разработчиков. Установка может быть технической, поэтому она поможет вам разобраться в базовом кодировании внешнего интерфейса.

Но вы можете узнать больше на главная страница GitHub которая включает в себя полную документацию по API, инструкции по настройке и примеры фрагментов кода, которые вы можете скопировать / вставить для своих проектов.
постепенно прогрессирующий примерЕсли вам нужен надежный ленивый сценарий с изображениями без неприятных зависимостей, сделайте это постепенно. Это абсолютно бесплатно и предлагает множество настроек для разработчиков.

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

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *