Вывод сопутствующих товаров через JS

edjiek
На сайте с 27.02.2014
Offline
84
1438

Привет

Для ускорения загрузки карточки товара хочу сделать вывод сопутствующих при помощи JS.

Думал о Lazy вывод картинок, но в целом заметил, что в бурже уже используют полный вывод апселов через JS, в том числе текст и ссылки.

Что об этом думаете? Как сделать вывод JS-ом корректно, чтобы бот просканировал ссылки на другие товары?

AR
На сайте с 01.04.2012
Offline
78
#1

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

Рекомендую все тесты/трюки с JScript-блоками на сайте, проверять в консоли GWT, где "Посмотреть как Google-bot".

Получить исходный html-код страницы, и посмотреть, видны ли там "догружаемые еще" блоки (которые на JS)

Или вы про ссылки, которые приходят из JS с решёткой # и прочими недо-параметрами в урл?

[Удален]
#2
edjiek:
чтобы бот просканировал ссылки на другие товары?

добавляйте нормальные ссылки в html код и будет вам счастье

edjiek:
ля ускорения загрузки карточки товара хочу сделать вывод сопутствующих при помощи JS.

зачем использовать js?

это как раз замедлит загрузку страницы

C
На сайте с 26.12.2005
Offline
146
#3

Для ускорения на чьей стороне идет речь?

На стороне сервера - надо кэшировать блок

На стороне клиента -JS только замедлит. К серверу все равно обращение произойдет. А кэширование и тут поможет

Часто сопутствующие делают для сео в первую очередь. С JS это преимущество теряется.

Я за кэш, если вывод реально ресурсоемкий.

Лучший хостинг, которым пользовался за последние 15 лет! (https://beget.com/p107248)
edjiek
На сайте с 27.02.2014
Offline
84
#4
And-rey:
Немного, но есть сайты на JS и гугл их индексирует. Там нужна толковая техническая реализация подобных сайтов.
Рекомендую все тесты/трюки с JScript-блоками на сайте, проверять в консоли GWT, где "Посмотреть как Google-bot".
Получить исходный html-код страницы, и посмотреть, видны ли там "догружаемые еще" блоки (которые на JS)

Или вы про ссылки, которые приходят из JS с решёткой # и прочими недо-параметрами в урл?

Скорее про такую реализацию https://prnt.sc/i5eeaw

https://www.bouyguestelecom.fr/telephones-mobiles/telephone-portable-samsung

---------- Добавлено 25.01.2018 в 16:52 ----------

Charli:
Для ускорения на чьей стороне идет речь?

На стороне сервера - надо кэшировать блок
На стороне клиента -JS только замедлит. К серверу все равно обращение произойдет. А кэширование и тут поможет

Часто сопутствующие делают для сео в первую очередь. С JS это преимущество теряется.

Я за кэш, если вывод реально ресурсоемкий.

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

[Удален]
#5
edjiek:
пример привел выше. хочу узнать о реализации

это быстро?

Всего запросов: 139

Размер: 13 809,76 КБ

Размер передачи: 3 897,97 КБ

Время: 14,50 секунд

CP
На сайте с 12.08.2009
Offline
101
#6

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

Профессиональный frontend: JS, html,css, Single-Page App (/ru/forum/964386)
_
На сайте с 24.03.2008
Offline
381
#7
burunduk:
добавляйте нормальные ссылки в html код и будет вам счастье

зачем использовать js?
это как раз замедлит загрузку страницы

Тут ведь вопрос в том, как заставить браузер загрузить вначале всё нужное, а потом эти "доп. товары".

С js можно вполне, причем даже не обязательно аякс итп использовать.

Мммм... а нельзя ли иметь нормальный html код, потом с помощью js сразу после загрузки "портить", а потом "чинить" обратно :)) ?

Есть какой-то DOMContentLoaded, возможно и можно успеть...

Вообще можно попробовать просто в внутрь script запихнуть и посмотреть когда выполняется.

Боюсь, правда, будет зависеть от браузеров, их версий итп.

[Удален]
#8

_SP_, всё можно, вопрос в необходимости и понимании того что требуется сделать

просто ускорить загрузку - с js не вариант

сервер всё равно быстрее отдаст контент чем, сначала отдать контент, а потом делать ещё запросы

_
На сайте с 24.03.2008
Offline
381
#9
burunduk:
_SP_, всё можно, вопрос в необходимости и понимании того что требуется сделать
просто ускорить загрузку - с js не вариант
сервер всё равно быстрее отдаст контент чем, сначала отдать контент, а потом делать ещё запросы

Не-не... речь о другом.

Вот у вас есть страница, на ней 3 фото товара.

И еще 800 фото сопутствующих товаров. Ну вот 800 :).

Как-бы сделать так, чтобы вначале загружались 3 нужных фото, а потом 800 малонужных.

И чтобы при этом поисковик все их "обходил".

Что в СУММЕ это будет дольше - это несомненно. Но надо-то оптимизировать время до загрузки 3х нужных, а не общее время.

[Удален]
#10

_SP_, что бы пс их нормально обходил, достаточно просто карты сайта с карточками товара, на которых есть эти фото ;)

не стоит решать проблему индексации с этой стороны

js хорош для решения маркетинговых задач (изменить порядок товаров...) и только части технических в js можно выносить наименее важные повторяющиеся элементы ;)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий