Ленивая загрузка изображений, как

Я разрабатываю интернет-магазин. На странице продуктов на основе категории я добавил фильтрацию на основе javascript. Однако проблема возникает, если в категории много товаров. В этой ссылке есть что-то похожее на меня ... http://www.snowandrock.com/sunglasses/snowboard/fcp-category/list?resetFilters=true

Как бы то ни было, эта страница ужасно медленная и занимает более 2 МБ !!!

Каждый продукт для меня нужно полкилбайта, но проблема в изображении .. Итак, я ищу, как лениво загружать изображения .. Поскольку моя страница имеет разбиение на страницы, в отличие от этого сайта, я думаю, что загрузка изображений, которые видны только странице, является решением. Однако проблема заключается в том, как это сделать, чтобы работать как для людей с javascript, так и без javscript .. Единственное решение, которое я, однако, - это каким-то образом сохранить ссылку в классе css изображения для невидимых продуктов, и если оно отображается после изменения фильтрации через javascript, изображение src ... У пользователей, не использующих javascript, этой проблемы нет, поскольку щелчок по фильтру переместил бы их на другую страницу ...

Есть другие идеи?

11
задан GorillaApe 27 October 2010 в 13:13
поделиться