2012-12-28 1 views
0

Я использую плагин Masonry и пытаюсь отобразить галерею, такую ​​как веб-страница. Изначально я загружаю 10 изображений, когда достигнут конец страницы с помощью ajax, я запрашиваю следующие 10 изображений, а затем загружаю их.Как увеличить скорость загрузки изображений на веб-странице, которая использует плагин masonry js

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

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

Большое спасибо

+0

Это анимация медленная или время загрузки изображений? Каковы размеры файлов изображений, которые вы загружаете? Вы используете эскизы? – Leprosy

+0

На самом деле я обрабатываю данные с помощью API. Таким образом, отображение изображения в соответствующем div из json-ответа с использованием простого foreach. Таким образом, изображения изменяются до ширины 214 пикселей. Фон тела - это не изображение. Просто использовал атрибут цвета для заполнения. –

+0

И ответ не содержит эскизов. Он только дает URL-адрес изображения или видео –

ответ

2

Вы должны использовать jQuery Lazy Load.

Lazy Load - это плагин jQuery, написанный на JavaScript. Это задерживает загрузку изображений на длинных веб-страницах. Изображения за пределами видимости (видимая часть веб-страницы) не загружаются до того, как пользователь прокрутит их. Это напротив предварительной загрузки изображения.

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