Поиск товаров фото

[andrij]

Всем привет

оптимизирую сайт под https://developers.google.com/speed/pagespeed/insights/?hl=ru

самым больным местом есть изображения

движок при работе с картинками сильно увеличивает их размер
сделал оптимизацию следующим образом:
импортую фото без расширения пример "0508755_PE635403_"
подготавливаю изображения нужных мне размеров и оптимизирую их по требованиям pagespeed/insight
только меняю названия
0508755_PE635403_S2.jpg (90x90px)
0508755_PE635403_S3.jpg (250x250px)
0508755_PE635403_S4.jpg (400x400px)
0508755_PE635403_S5.jpg (2000x2000px)

в шаблоне для для вывода фото
src="/files/products/{$product->image->filename|escape}S2.jpg"
src="/files/products/{$product->image->filename|escape}S3.jpg"
src="/files/products/{$product->image->filename|escape}S4.jpg"
src="/files/products/{$product->image->filename|escape}S5.jpg"

все хорошо сайт проходит по требованиям pagespeed/insights

но проблема в живом поиске
не могу разобратся в js

как там прописать мои картинки
d.each(this.suggestions, function(a, d) {
m += '<div class="' + e + '" data-index="' + a + '">' + b(d, c) + "</div>"
});

зарание спасибо