Как на сайтах делают ленивую загрузку изображений?

Эффект заметен на этой странице
https://medium.com/@sdboyer/so-you-want-to-write-a...
Фотографии на странице сначала расплывчатые и постепенно при загрузке страницы становятся четкими. Как реализуется такой эффект?
  • Вопрос задан
  • 1033 просмотра
Пригласить эксперта
Ответы на вопрос 2
@seredaes
fd80cd6f61074d4a88c3f081d18bad23.png
Вообще я знаю при сохранении картинки в PhotoShop можно выставить алгоритм, и вот в зависимости от него картинка будет кусками подгружаться или сразу будет нечеткая, а после с каждой подгрузкой четче становиться. Но можно это и CSS сделать, только зачем?
Ответ написан
lacrim
@lacrim
Отшибленный на всё голову экспериментатор.
Проще всего использовать готовую библиотеку для этих целей, вот например несколько штук:


Я часто в работе использую технику по заимствованную из этого примера, выполнения ленивой загрузки при скролинге - codepen.io/Vin-ni/pen/LEVwez

Так же не забывайте, что если все изображения будут подгружатся не с основного домена а например с img.ваш_сайт.com вы выиграете во времени загрузки за счёт разделения запросов к серверу.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
28 июл. 2021, в 00:00
2000 руб./за проект
27 июл. 2021, в 22:00
25000 руб./за проект
27 июл. 2021, в 21:59
1500 руб./за проект