Улучшайте прогрессивную загрузку изображений с помощью AntiModerate

Сценарий AntiModerate может показаться не таким уж большим. Но это один из лучших JS-скриптов, которые вы можете запустить, чтобы повысить производительность на большой странице и поддерживать высокий уровень взаимодействия с пользователем..

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

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

Вот как это работает: вы добавляете плагин AntiModerate на свою страницу вместе со скриптом StackBlur.js.

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

Как только эти меньшие изображения будут на месте, AntiModerate загружает полноразмерные изображения в фоновом режиме. Каждая размытая фотография затем заменяется обычной фотографией после завершения загрузки. Легко!

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

Вы можете установить библиотеку напрямую с помощью npm или Bower, либо потянув скрипт через GitHub..

Для этого требуется всего несколько строк JavaScript, и это обязательно поможет улучшить загрузку вашей страницы. Загляните в репозиторий GitHub и прокрутите вниз до руководства по установке, чтобы начать.

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

Не говоря уже о том, что это работает на чистый JavaScript поэтому он не требует никаких зависимостей, таких как jQuery, чтобы работать.