0

Из базы нужно вывести товары, у которых по 3-4 фотографий в карточке товара.

Выглядит это так:

http://i.stack.imgur.com/87aHO.jpg

Таких товаров по-умолчанию загружается сразу 12 - А это сразу 36 фотографий.

Как лучше реализовать вывод, чтобы максимально быстро материалы загружались?

ибо при прокрутке страницы, еще по 3 материала добавляется.

Мне от вас нужен совет по быстрому выводу товаров. Мне нужно максимально быстро их выводить.

2
  • Применять старые-добрые методы оптимизации загрузки изображений. Например, ленивую загрузку: грузить изображения только если они в вьюпорте. А вывод из БД тут вообще ни при чём - выгрузить 36 ссылок на фото и проставить их в data-атрибуты не так уж сложно.
    – user207618
    12 авг 2016 в 18:58
  • @Maqsood по второй части вопроса — Создайте дополнительный вопрос и опишите как у Вас хранятся данные и как фильтрацию Вы собираетесь делать. По 2 вопроса в одном задавать не стоит
    – Mihanik71
    12 авг 2016 в 19:14

1 ответ 1

1

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

Есть 2 варианта быстрее отдать страницу в Вашем случае (если Вы переживаете за изображения):

  • Использовать ленивую подгрузку — изначально создаётся блок в котором указана ссылка на изображение, но нет его самого. На блок вешается background, который показывает что изображение заружается, и после полной отрисовки страницы начинаем загружать изображения в блоки
  • Загружаем сначала первые изображения и указываем в js ссылки на остальные и после полной отрисовки страницы начинаем загружать остальные изображения.
1
  • Я реализую оба варианта, очень интересно посмотреть результат. Спасибо Вам!
    – PHP
    13 авг 2016 в 7:04

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.